CSS3: Text Shadow

CSS3: Text ShadowPerkembangan 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;}

3 komentar:

KangTiar mengatakan...

Pertamax,..Artikelnya manthap gan,..
Saya tunggu Artikel Barunya,,..

coretan blogger mengatakan...

akan saya terapkan pada postingan saya selanjutnya pak!

Blog Dede Arip Hidayat mengatakan...

Mantap ni...
Boleh Kenal Lebih Lanjut ni..??

Posting Komentar