Text Shadows using CSS3

Text shadow always give a cool looking effect to some text.
A text with some kind of shadow is more attractive than a text without any shadow.



Now the question is How to add shadows to some text?
This is, for what you are here :P.
The above code snippet will look like this: http://css3wdesign.net16.net/shadow.html

We can add following values to the textssible color values
Value Description
h-shadow Required. The position of the horizontal shadow. Negative values are allowed
v-shadow Required. The position of the vertical shadow. Negative values are allowed
blur Optional. The blur distance
color Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values

The default position to set all values, place all these values is, as it is given in the above table.

There are some of CSS3 generators can also do these things for you:
http://css3generator.com (I've posted a small tutorial to run this generator in my first post. To check, Click Here.


Muhammad Arslan Aslam

I am a Full Time Student and occasional blogger. Software Engineering student with wide experience and interest in Front-End Web Development. You can find me on my profiles listed below and can get in touch any time.

Get Free Email Updates to your Inbox!

Post a Comment

Suggestions will be greeted.


Copyright © CSS3 (Web Designing) | Designed By Code Nirvana