Membuat Tulisan dengan Efek Shadow Menggunakan CSS
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,
- April 28th
Wah.. sip2 bisa jd reference thnx bos.
bagus banget… perlu diterapkan neh