Text Shadows

The text-shadow property is used to attach shadows to a block of text.

The values of text-shadow are.

ValuesDescription
none
inherit
A list of comma-delimated shadow descriptions
<color><length_x><length_y><length_r><length_x><length_y> - The position of shadow relative to the block.
<length_r> - Blur radius.
<color> - The color of the shadow.
<length_x><length_y><length_r><color>


example
text-shadow : red 10px 10px; /* Right-bottom*/
text-shadow : 10px 10px 5px yellow; /* left-up, blurred*/
font-shadow : 5px 5px, -5px -5px; /* right-bottom and left-up*/

snippet
<html>
<head>
<style>
p {text-shadow:-10px -10px 6px red;}
h2 {text-shadow:yellow 8px 8px}
a {text-shadow:5px 5px, -5px -5px}
</style>
</head>
<body>
<a>This is a anchor link</a>
<p>This is a paragraph text</p>
<h2>This is a text inside h2</h2>
</body>
</html>

Output
This is a anchor link

This is a paragraph text

This is a text inside h2

Related Tutorial
1. Text