CSS3: Text Shadow

Perkembangan CSS3 memang sangat menakjubkan. Efek-efek yang dihasilkan sangatlah keren, Sehingga tidaklah mengherankan apabila mulai banyak web/blog yang full CSS3 dan yang berisikan tutorial CSS3. Jadi sangatlah mudah untuk menyimak perkembangannya sampai saat ini.

Berikut beberapa efek-efek CSS3 (Yang saya ketahui) :

-Text Shadow
-RGBA Colors
-Opacity
-Multi Coloumn Layout
-Border Image
-Box Shadow
-Border Radius
-Multiple Background
-Masih Banyak Lagi

Nah, yang akan kita bahas kali ini adalah Text Shadow yaitu : Tulisan yang berbayang.

Peramban yang mendukung

• Opera 9.5+
• Firefox 3.5+
• Safari 1.0+
• Google Chrome
  

Berikut beberapa contoh Text Shadow:

Text Shadow CSS3- Timbul

Kode:
h1 {text-shadow: 2px 2px 2px #000; color:#FFF;}

Text Shadow CSS3- 3D

Kode:
h1 {text-shadow: 1px 1px #fe4902, 2px 2px #fe4902, 3px 3px #fe4902; color:#FFF;}

Text Shadow CSS3- Kabur

Kode:
h1 {text-shadow: 0px 0px 6px #fff; color: transparent;}