Units

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
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents