Advanced Search

Posted By

makingthings on 09/19/11

Tagged

Versions (?)

Last Edited at 09/19/11 07:15pm

Statistics

Viewed 560 times
Favorited by 0 user(s)

Related snippets

1378
How to give text shadow using css
1
Text Shadow
0
Text Shadow
811
css3 text shadow
688
css text-shadow
761
CSS Text Shadow
712
CSS3 Text Shadow
1006
CSS - Adding shadow to text – text-shadow

text inset shadow

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

Expand | Embed | Plain Text

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.