Units

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

Values	Description
`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