CSS3: Membuat Efek Teks Bayangan (Shadow)

Entah apakah trik ini pantas dimasukkan ke kategori CSS3, sebab trik ini sudah mampu berjalan dikebanyakkan browser tanpa harus menyertakan kode khusus browser seperti -moz-; -webkit-: -o-; -khtml-; -icab- dll.
Trik ini juga bisa dipakai untuk membuat teks glow seperti postingan sebelumnya disini.
Kode standartnya kurang lebih

text-shadow: 5px 5px 5px #FFF;
Dengan 5px letak bayangan ke kiri, 5px letak bayangan kebawah, 5px tebal/besar bayangan, dan #FFF untuk warna bayangan.
Kalian bisa menggunakan satuan negatif untuk membuat bayangan kekanan maupun atas (ex. -5px) dalam besaran px yang pertama dan kedua.
Penerappan bisa ditaruh langsung di tag html
<div style="text-shadow: 5px 5px 5px #FFF;">Teks Bayanganmu</div>
Atau via pemanggilan class pada tag html dengan mempastekannya diatas tag ]]></b:skin>
#bayangan {
text-shadow: 5px 5px 5px #FFF;
}
dan pemanggilannya menggunakan kode
<div class="bayangan">Teks Bayangan</div>
O iya, contoh teksnya seperti dibawah ini
Contoh teks Bayangan

Semoga sedikit bermanfaat!

0komentar:

Leave a Reply

GET UPDATE VIA EMAIL
Dapatkan kiriman artikel terbaru langsung ke email anda!

Infolinks In Text Ads

Related Posts Plugin for WordPress, Blogger...
Your browser does not support frame. Inbox Your Sms

Subscribe via email

Enter your email address:

Delivered by FeedBurner

Get this widget!

Search

  • Archives

Related Posts Plugin for WordPress, Blogger...

Label Cloud


ShoutMix chat widget
ads ads ads ads
515 loyal readers
RSS feed | E-mail