<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
h2+p{
font-size: 35px;
}
#h{
text-shadow: 20px 0px 0px green;
}
#v{
text-shadow: 20px 10px 0px green;
}
#b{
text-shadow: 20px 10px 5px green;
}
</style>
</head>
<body>
<h1>CSS direction Property</h1>
<p>The following example will clearly demonstrate h-shadow, v-shadow, blur-radius</p>
<h2>h-shadow</h2>
<p id="h">T</p>
<h2>v-shadow</h2>
<p id="v">T</p>
<h2>blur-radius</h2>
<p id="b">T</p>
</body>
</html>