Posted By

adambundy on 09/14/12


Tagged


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

adambundy
bmayzure
Spenquatch
radule


CSS inset text-shadow trick


 / Published in: CSS
 

Courtesy http://designshack.net/articles/css/inner-shadows-in-css-images-text-and-beyond/

  1. <h1>TEST</h1>
  2.  
  3. body {
  4. background:#ccc;
  5. }
  6. h1 {
  7. font: bold 200px arial, sans-serif;
  8. background-color: #565656;
  9. color: transparent;
  10. text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
  11. -webkit-background-clip: text;
  12. -moz-background-clip: text;
  13. background-clip: text;
  14. }

Report this snippet  

You need to login to post a comment.