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.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: