text-shadow

Works only in Safari 1.1+

Example

This text may have a text-shadow.

This text, too, may have a text-shadow.

It's supposed to look like this (Safari 1.2):

Syntax

p.test {
	text-shadow: #CE6BBD 20px -12px 2px;
}

As you see text-shadow accepts four values:

  1. The color of the text-shadow (#CE6BBD)
  2. The X-coordinate of the text-shadow (20px), relative to the text
  3. The Y-coordinate of the text-shadow (-12px), relative to the text
  4. The blur radius of the text-shadow (2px), which means the amount of space the shadowtext is 'stretched', causing a blur effect. 0 means: no blur. Don't set this value too high, the shadowtext quickly becomes an illegible blur.