PERUSAHAAN WEB HOSTING MURAH, DOMAIN NAME DAN WEB DEVELOPMENT INDONESIA

Membuat Drop Shadow Text dengan CSS

Posted on Wednesday, March 18th, 2009

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