Membuat Effect Bayangan pada Teks

Pada postingan kali ini saya akan membahas bagaimana cara membuat efek bayangan menggunakan CSS. Hanya saja efek bayangan ini akan berjalan atau bisa dilihat di browser-browser versi terbaru, untuk mozilla firefox effect ini hanya berjalan di versi 3.6 keatas.

CSS shadow adalah salah satu cara termudah untuk membuat effect bayangan untuk sebuat objek tertentu. Pada postingan kali ini saya akan mencoba membuat efek bayangan pada text dengan perintah CSS.

Berikut ini contohnya:

.bayangan
{
text-shadow: 5px 5px 7px #FF0;
-moz-text-shadow: 5px 5px 7px #FF0;
-webkit-text-shadow: 5px 5px 7px #FF0;
}

Keterangan:
5px adalah ukuran x-offset
5px adalah ukuran y-offset
7px Tingkat blur shadow
#FF0 adalah warna bayangan

contoh:

TEXT SHADOW

dan untuk inner text shadow seperti ini:

.inner-bayangan
{
text-shadow: inset 0 5px 7px #FF0;
-moz-text-shadow: inset 0 5px 7px #FF0;
-webkit-text-shadow: inset 0 5px 7px #FF0;
}

Contoh:

TEXT SHADOW

Mudah-mudahan postingan kali ini bisa bermanfaat buat teman-teman semua.