Archive for May, 2010

Using CSS Text-shadow

With more browsers now showing support for text-shadow property it’s simple and easy for designers and css coders to make text effects without using images.

When defined in a css-stylesheet the property syntax should look like this:

p { text-shadow: 1px 1px 1px #000; }

The first two values specify the length of the shadow offset. The first value specifies the horizontal distance and the second specifies the vertical distance of the shadow. The third value specifies the blur radius and the last value describes the color of the shadow: