Example - DHTML 3D Letters
DHTML Styles can be used to create Embossed & 3D Letter text effects.
Shadow
Shadow
Emboss Background Example
Emboss Background Example
Emboss Background Example
The DHTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
body { background:white; font-family:Arrus BT,Garamond,Times New Roman;
}
div { position:absolute; }
</style>
<title>Emboss & 3D Letters - DHTML Text</title>
</head>
<body>
<!--- Example #1 --->
<style>
.shade1 { top:+5; left:+5;
color:black; }
.fill1 { top:0; left:0; color:red;
}
</style>
<div class=Example1>
<div
class="shade1">
<center><h1>Shadow</h1></center>
</div>
<div
class="fill1">
<center><h1>Shadow</h1></center>
</div>
</div>
<br><br><br>
<!--- Example #2 --->
<style>
.light2 { top:-1; left:-2;
color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0;
left:0; color:silver; } </style>
<div class=Example2>
<div
class="light2">
<center><h1>Emboss Background
Example</h1></center>
</div>
<div
class="shade2">
<center><h1>Emboss Background
Example</h1></center>
</div>
<div
class="fill2">
<center><h1>Emboss Background
Example</h1></center>
</div>
</div>
</body>
</html>
|
|
Previous page... |
© 2002 Ashley Preston