CSS text-shadow

CSS3 text-shadow accepts a comma-separated list of shadow effects to be applied to the text of the element.

CSS property text-shadow

1. blur-radius and color are optional.
2. If the color of the shadow is not specified, the shadow has the resulting color of the ink that it shadows.
3. Positive value of shadow-x draws a shadow that is offset to the right of the box. Similarly a negative value to the left.
4. A positive value of shadow-y offsets the shadow down, a negative one up.
5. Negative values of blur-radius are not allowed. If the blur value is zero, the shadow’s edge is sharp. Otherwise, the larger the value, the more the shadow’s edge is blurred.

Example – text-shadow

<style type="text/css">
p {
  text-shadow: 2px 2px 3px red;
}
</style>
<p>text with shadow</p>
Normal text

Specification and Browser compatibility