CSS3 Shadow Effects

Multiple Text Shadows

To add more than one shadow to the text, you can add a comma-separated list of shadows. Using the style of {text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;} creates a red and blue neon glow shadow:

Text shadow effect!


This style of {color: white; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;} creates a white text with black, blue, and darkblue shadow:

Text shadow effect!


Back button Table of Contents Next button