Dengan memanfaatkan kemampuan Cascading Style Sheets (CSS) yang sangat powerfull kita dapat membuat tampilan website menjadi sangat indah. Salah satu kemampuan CSS yang akan dibahas disini adalah kemampuan membuat tulisan dengan efek shadow (tulisan dengan bayangan). Berikut script lengkapnya :
<html>
<head>
<title>Teks Dengan Efek Shadow</title>
<style type="text/css">
#teks_shadow:before { content: 'Teks Dengan Efek Shadow'; }
.teks {
font-size: 3em;
font-family: tahoma, verdana, arial;
color: #d20000;
text-align: left;
font-weight: bold;
}
.shadow {
/* untuk tampilan pada browser internet explorer */
height: 1em;
filter: shadow(color=#666, direction=135, strength=5);
line-height: 2em;
white-space: normal;
}
.shadow:before {
display: block;
margin: 0 0 -2.05em 0.05em;
padding: 0;
color: #666;
}
</style>
</head>
<body>
<div style="height:100px;" class="shadow teks" id="teks_shadow">Teks Dengan Efek Shadow</div>
</body>
</html>
Akan menghasilkan tulisan seperti berikut ini,
MoonblueZ on 29/04/2008 at 23:26 :
Wah.. sip2 bisa jd reference thnx bos.
dyatmika on 11/05/2008 at 13:28 :
bagus banget… perlu diterapkan neh
adit on 14/05/2008 at 15:45 :
saya sudah berkunjung kesini
opik on 14/05/2008 at 21:27 :
Hehehehe