Posted By

makingthings on 09/19/11


Tagged


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

radule


text inset shadow


 / Published in: CSS
 

  1. body {
  2. /* This has to be same as the text-shadows below */
  3. background: #def;
  4. }
  5. h1 {
  6. font-family: Helvetica, Arial, sans-serif;
  7. font-weight: bold;
  8. font-size: 6em;
  9. line-height: 1em;
  10. }
  11. .inset-text {
  12. /* Shadows are visible under slightly transparent text color */
  13. color: rgba(10,60,150, 0.8);
  14. text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
  15. }
  16. /* Don't show shadows when selecting text */
  17. ::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
  18. ::selection { background: #5af; color: #fff; text-shadow: none; }

Report this snippet  

You need to login to post a comment.