Creating a shadow text using CSS
Using rules of CSS add shadow behind the text header to form a 3D effect. Form a rule for determining the location and appearance of the header. The second rule should be to determine the pattern and shadowed text. Web pages look like formatted header is shown in the following picture.
<html>
<head>
<title>shadow behind the text header</title>
<style type="text/css">
<!--
.banner
{
position:absolute;
top:7px;
left:1px;
font-size:100px;
font-family:"Arial";
color:red;
}
.shadow
{
position:absolute;
top:15px;
left:7px;
font-size:100px;
font-family:"Arial";
color:gray;
}
-->
</style>
</head>
<body bgcolor="white">
<div class="shadow">shadow behind the text header</div>
<div class="banner">shadow behind the text header</div>
</body>
</html>
0 comments:
Post a Comment