Billy Bo the HTML Blob

Billy Bo Bob the HTML Blob.

An HTML, CSS and JavaScript Odyssey.

Text Shadow - more then a shadow

The structure of text shadow is:

text-shadow: horizontal offset vertical offset blur color,
             horizontal offset vertical offset blur color,
                         ....       ....
             horizontal offset vertical offset blur color;

If you want to read more, go to the official specification at W3: http://www.w3.org/TR/css-text-decor-3/#text-shadow-property.

A very good description you can find on https://developer.mozilla.org/en-US/docs/CSS/text-shadow.

Which browsers do support this, see Can I use CSS3 Text-shadow? on www.caniuse.com. Test with javascript for support:

document.getElementsByTagName("body")[0].style.textShadow !== undefined

This javascript test is true, if text shadow is supported.


You can see the instruction video at youtube by clicking on this text here. To see how it works: Play around!

?