Sunday, August 18, 2013

CSS 3 Text Shadow

This property applies shadow to the text. Using this property we can create various effects for the text.

Syntax:


 text-shadow: <h-shadow> <v-shadow> <blur length> <color>;

Value
Description
h-shadow
This defines the horizontal shadow for the text.
v-shadow
This defines the vertical shadow for the text
blur
 This defines the blur length or blur radius for the application.
color
 This defines the color for shadow.

Following is the example of the text-shadow :


The text shadow property was introduced in CSS 2.0 but was removed in CSS 2.1. This property made its way back through CSS 3.0.

This property is supported by IE9+ , Firefox 3.5+ , Safari 3.1 + and Opera 11+.