Featured

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.

Heading

Heading

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.
like:


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

author

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.

www.CodeNirvana.in

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