Skip to content

Instantly share code, notes, and snippets.

@jackilyn
Created June 21, 2012 18:33
Show Gist options
  • Select an option

  • Save jackilyn/2967635 to your computer and use it in GitHub Desktop.

Select an option

Save jackilyn/2967635 to your computer and use it in GitHub Desktop.
CSS Text Shadows
/* Inset */
.inset {
text-shadow: 0px -2px 0px #333,
0px 2px 3px #666;
}
/* 3D */
.three-d {
text-shadow: 0 1px 0 #bbb,
0 2px 0 #bbb,
0 3px 0 #aaa,
0 4px 0 #aaa,
0 5px 0 #999,
0 6px 1px #000,
0 0px 3px #000,
0 1px 3px #000,
0 3px 5px #000,
0 5px 10px #000,
0 5px 20px #000;
}
/* Neon Lights */
.neon-lights {
text-shadow: 0 0 10px #fff,
0 0 20px #fff,
0 0 30px #fff,
0 0 40px #ff00de,
0 0 70px #ff00de,
0 0 80px #ff00de,
0 0 100px #ff00de,
0 0 150px #ff00de;
}
/* Glow */
.glow {
color: #fff;
text-shadow: 0 0 20px yellow;
}
.extra-glow {
color: #fff;
text-shadow: 0 0 30px yellow,
0 0 70px yellow;
}
/* Blur */
.blur {
color: transparent;
text-shadow: #fff 0 0 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment