Add a Drop Shadow in IE4 or IE5

The latest versions of Internet Explorer (4.0 and 5.0) make it easy to add a dramatic drop shadow effect to regular text. Rather than creating bitmaps, try adding a style attribute and a filter. This code produces red text with a gray drop shadow:

 
<HTML>
<BODY>
<div id="mytext" 
     style="FILTER: shadow(color=gray,direction=145);  
           HEIGHT: 51px; LEFT: 10px; POSITION: absolute; 
           TEXT-ALIGN: center; TOP: 13px; WIDTH: 382px; 
           Z-INDEX: 200"> 
  <div>
  <font color="red" face ="Arial" size="6">
  Welcome to my Page!
  </font>
  </div>
</div>
</BODY>
</HTML>

Ken Cox

Submit a Tip

Browse "Web Development" Tips

Browse All Tips

0 Comments (click to add your comment)

Comment and Contribute