ID: 117
Viewed: 5240
Added: Aug 02, 2004
Version:
Snippet uploaded by: snippet
Written By: unknonwn
Demo: Sorry, no demo
Thank you for your vote. Please wait...
It appears you already voted for this snippet
It appears your vote value was empty
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+
<!---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" bgcolor="#003366"></td>
<td width="578" bgcolor="#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 Comments to show
Please completely fill out the form below if you want to review this snippet. All reviews are subject to validation.
Adding your comment. Please wait...
Thanks for adding your comment!. After further review it will be added.
There was a problem adding your comment. Please try again.
Please complete all the fields in the form before sending.