CSS can be used to replace images in rendering 3D and fancy text! Text created with CSS loads much faster than gifs, and are easier to manipulate on the fly. <br><br>Browsers: IE4+, mozilla, Netscape6+
General Details
Snippet uploaded by: snippet
Email : webmaster@snippetlibrary.com
Snippet By: unknonwn
<!---Head--->
<style type="text/css">
#P { font: 9pt Verdana,Helvetica,Arial }
#TD { font: 9pt Verdana,Helvetica,Arial }
.noline {a:Verdana,Helvetica,Arial,Sans Serif;font-size:10pt;color:#000000;text-decoration:none;}
A:hover { color:CC0033; }
body { background:white; font-family:Arrus BT,Garamond,Times New Roman; }
div { position:absolute; }
.shade1 { top:+5; left:+5; color:black; }
.fill1 { top:0; left:0; color:red; }
.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; }
.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; }
.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; }
</style>
<!---Body--->
<div align="center">
<table width="750" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="1" bgstyle="color:#003366"></td>
<td width="578" bgstyle="color:#FFFFFF" align="center" valign="top"><table width="570">
<tr>
<td><font FACE="Verdana,Helvetica,Arial,Sans Serif"><font SIZE="4"><b>3-D Text</b></font> <br>
<br>
<br>
DHTML can be used to replace images in rendering 3D and fancy text! Text created with
DHTML loads much faster than gifs, and are easier to manipulate on the fly. <table>
<tr>
<td><br>
<div class="Example1"><div class="shade1"><h1 align="center">Shadow</h1>
</div><div class="fill1"><h1 align="center">Shadow</h1>
</div></div><p><br>
<br>
<br>
<!--- Example #2 ---> </p>
<div class="Example2"><div class="light2"><h1 align="center">Emboss Background Example</h1>
</div><div class="shade2"><h1 align="center">Emboss Background Example</h1>
</div><div class="fill2"><h1 align="center">Emboss Background Example</h1>
</div></div><p><br>
<br>
<br>
<!--- Example #3 ---> </p>
<div class="Example3"><div class="light3"><h1 align="center">Emboss Color Example</h1>
</div><div class="shade3"><h1 align="center">Emboss Color Example</h1>
</div><div class="fill3"><h1 align="center">Emboss Color Example</h1>
</div></div><p><br>
<br>
<br>
<!--- Example #4 ---> </p>
<div class="Example4"><div class="light4"><h1 align="center">Color Highlight Example</h1>
</div><div class="shade4"><h1 align="center">Color Highlight Example</h1>
</div><div class="fill4"><h1 align="center">Color Highlight Example</h1>
</div></div></td>
</tr>
</table>
<p></font> </td>
</tr>
</table>
</td>
</tr>
</table>
</div>
No Reviews to show
