Posted By


makingthings on 09/19/11

Tagged


Statistics


Viewed 121 times
Favorited by 0 user(s)

text inset shadow


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.