Drop Shadow with CSS

CHICKEN

Drop Shadow

Want to make a Text drop shadow but you don't want to use a large gif or jpeg image.

Use absolute positioning to make a duplicate block of text. Then offset the first text block and use a dark gray color for the text.

<HTML>
<HEAD>
</HEAD>  
<BODY bgcolor=yellow>  


<DIV style="position: absolute; 
top: 15px; 
width: 370px;
height: 80px; 
font-size: 60pt; 
font-family:Verdana; 
color:808080">CHICKEN</DIV>
 
<DIV style="position: absolute; 
top: 10px; 
width: 370px;
height: 80px; 
font-size: 60pt; 
font-family:Verdana; 
color:red">CHICKEN</DIV>

</BODY>
</HTML>

Drop Shadow CSS style sheets