Membuat Drop Shadow Text dengan CSS
Tanpa menggunakan grafik, kita bisa manfaatkan function dari CSS untuk membuat efek dropshadow.
CSS:
.dropshadow { position:relative; display:block; color: #ff6600; font-family: "Georgia"; }
.dropshadow span { position:absolute; display:block; top:0px; }
.dropshadow:before { display:block; padding: 1px; content: attr(title); color: #000; }
HTML:
<h1 class="
dropshadow
" title="DROP SHADOW">
<span>DROP SHADOW</span>
</h1>
RESULT:
notes: not for IE 🙂
4 Comments
Wahhh, baru aq coba pada website ku…. jadi BAGUS lho. nggak percaya… coba aja dilihat
Thanks ya
@arif: hyuk mari!
@Hendra: IE bisa juga, pake “text-shadow”. tp emang perlu pensiun itu browser, nyiksa sih 😛
Huehuehue. Aku perhatikan ada note nya: NOT FOR INTERNET EXPLORER. Duh, memang saatnya di pensiunkan kek nya yak.
idenya keren aku mau contek ah…thanks yo!! 🙂