text shadows

Explanation: This CSS declaration (text-shadow) allows you to apply shadows to text on a page without relying on images. Very helpful from an accessibility perspective.

Example CSS code:

For this particular class, we specify the x offset (5px), the y offset (4px), the strength of the blur (10px), and the color (#000 or black).

.textShadow {
text-shadow:5px 4px 10px #000;
}

Example page (view the source code): http://learning-html5.info/CSS3/CSS_Shadows.html (will work in most modern browsers). The text shadow is a bit down the page.

References:

Leave a Reply

Your email address will not be published. Required fields are marked *