Types of Text Shadow
Types of Text Shadow
<!DOCTYPE html>
<html>
<head>
<style>
.a
{
color:black;
font-size:72px;
text-shadow:2px 2px 2px red;
}
.b
{
color:black;
font-size:72px;
text-shadow:-2px 3px 2px red;
}
.c
{
color:white;
font-size:72px;
text-shadow:1px 1px 1px red,1px 1px 2px red,1px 1px 3px red,1px 1px 4px red,1px 1px 5px red,1px 1px 6px red,1px 1px 7px red;
}
.d
{
color:black;
font-size:72px;
text-shadow:1px 1px 1px red,1px 1px 2px red,1px 1px 3px red,1px 1px 4px red,1px 1px 5px red,1px 1px 6px red,1px 1px 7px red;
}
.e
{
color:black;
font-size:72px;
text-shadow:1px 1px 1px red,2px 2px 1px red,3px 3px 1px red,4px 4px 1px red,5px 5px 1px red,6px 6px 1px red,7px 7px 1px red;
}
.f
{
color:black;
font-size:72px;
text-shadow:1px 1px 1px red,2px 2px 1px blue,3px 3px 1px orange,4px 4px 1px green,5px 5px 1px yellow,6px 6px 1px violet,7px 7px 1px pink;
}
</style>
</head>
<body>
<div class="a"><b>CSS Tutorial</b></div>
<div class="b"><b>CSS Tutorial</b></div>
<div class="c"><b>CSS Tutorial</b></div>
<div class="d"><b>CSS Tutorial</b></div>
<div class="e"><b>CSS Tutorial</b></div>
<div class="f"><b>CSS Tutorial</b></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.a
{
color:black;
font-size:72px;
text-shadow:2px 2px 2px red;
}
.b
{
color:black;
font-size:72px;
text-shadow:-2px 3px 2px red;
}
.c
{
color:white;
font-size:72px;
text-shadow:1px 1px 1px red,1px 1px 2px red,1px 1px 3px red,1px 1px 4px red,1px 1px 5px red,1px 1px 6px red,1px 1px 7px red;
}
.d
{
color:black;
font-size:72px;
text-shadow:1px 1px 1px red,1px 1px 2px red,1px 1px 3px red,1px 1px 4px red,1px 1px 5px red,1px 1px 6px red,1px 1px 7px red;
}
.e
{
color:black;
font-size:72px;
text-shadow:1px 1px 1px red,2px 2px 1px red,3px 3px 1px red,4px 4px 1px red,5px 5px 1px red,6px 6px 1px red,7px 7px 1px red;
}
.f
{
color:black;
font-size:72px;
text-shadow:1px 1px 1px red,2px 2px 1px blue,3px 3px 1px orange,4px 4px 1px green,5px 5px 1px yellow,6px 6px 1px violet,7px 7px 1px pink;
}
</style>
</head>
<body>
<div class="a"><b>CSS Tutorial</b></div>
<div class="b"><b>CSS Tutorial</b></div>
<div class="c"><b>CSS Tutorial</b></div>
<div class="d"><b>CSS Tutorial</b></div>
<div class="e"><b>CSS Tutorial</b></div>
<div class="f"><b>CSS Tutorial</b></div>
</body>
</html>
Comments
Post a Comment