Friday, December 2, 2011

CSS3 Text Shadow(text-shadow) Property with example


The text-shadow property applies shadow to the text.

We need to supply the following data when using this property..

  • horizontal shadow
  • vertical shadow
  • blur distance, this is an optional one
  • color of the shadow, this is an optional one


JavaScript syntax for this property is object.style.textShadow="4px 5px 3px #33ff01"

Firefox, Chrome, Opera and Safari supports this property.
But Internet Explorer does not yet support the text-shadow property.

Example for text-shadow property..
h2
{
text-shadow: 15px 5px 5px #FF6600;
}



Stumble
Delicious
Technorati
Twitter

0 Comments:

Post a Comment