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