This is a legacy document, and retained on the site in order to avoid link rot. The content is likely no longer (a) accurate, (b) representative of the views and philosophies of current site management, or (c) up to date.

CSS Example: Shadow Text

Shadowed Text with CSS

Although the CSS2 property text-shadow allows interesting chiariscuro, UAs have not rushed to implement it. An example usage might be:

 H1 { color: #cc3333; text-shadow: 0.2em 0.2em silver}

Although this workaround to create shadow text with CSS may be pleasing to the eyes of the CSS beholder, authors should be aware of the rendering of their carefully crafted declaration in a non-CSS aware browser. A screen shot is available.

Shadow Text
Shadow Text

Although the CSS2 property text-shadow allows interesting chiariscuro, UAs have not rushed to implement it. An example usage might be:

Sue Sims