Jan 2, 2011 | Comment | Filed in: CSS

CSS Text Shadow

This is a great way to create a shadow on your text by using CSS instead of images.

text-shadow: 10px 20px 30px #000;

The first value (10px) is the horizontal offset. A positive number will offset the shadow to the right, a negative to the left.

The second value (20px) is the vertical offset. A positive number will offset the text shadow to the bottom, a negative to the top.

The third value (30px) is the length of the actual shadow.

The final value (#000) is the color of the shadow.