CSS Text-shadow

For IE users, text-shadow is not supported yet. Use Google Chrome, otherwise you will just see usual text here.

Text-shadow works in the same way as box-shadow, but instead of saying box-shadow you say text-shadow.

Syntax

text-shadow: x, y, blur #color;

For text-shadow you do not need any prefix. X is the horizontal value; a negative value will make the shadow float left and a positive will do the opposite. Y is the vertical value; a negative value will make the shadow go up and a positive will do the opposite.

Examples – Text-shadow

Example A

text-shadow: 1px 1px 3px #000;

Example B

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

Example C

text-shadow: 10px 10px 1px #000;

Example D

text-shadow: -3px -5px 2px #f00;