Neon is cool – But the practical reasons for CSS3 shadows

The CSS3 style for neon is: 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;

There are more practical reasons for CSS3 shadows – readability. When text is place on images or the contrast color is low the text becomes hard to read. A large amount of all text show on top of video uses a background make it more readable. The shadow is basically a custom background for the text; Shaped to the letter and font … and no where is it written that shadows must be black.

Advertisement