Adding Shadow to text using only css

by Vijay 2010-01-27 19:20:10

There is a nice property CSS3 to add shadow to the text.

There is no need of photoshop work for this, just a property will do that.

Example :

text-shadow: 2px 2px 2px #000;


The above will add a shadow around the text of 2px size.

So dont disturb designers for this simple task and u do it on your own



<p style='font-weight: bold;text-shadow: #999999;'>Users of Webkit (from Safari 3+), Opera 9.5, Firefox 3.1(pre-Alpha), Konqueror or iCab should see a grey drop-shadow behind this paragraph.</p>


The above code will show a shadow for the paragraph text, but it works only on Safari 3+, Opera 9.5, Firefox 3.1(pre-Alpha)


Tagged in:

653
like
0
dislike
0
mail
flag

You must LOGIN to add comments