Tutorial CSS 3 Membuat Teks Menyala

hasil akhir:


pada postingan sebelumnya Membuat tulisan menyala dengan CSS3 kita sudah membahas tentang Teks menyala,postingan kali ini hampir sama dengan postingan
sebelumnya, cuma bedan nya Teks menyala part II ini ketika di Hover maka teksnya akan menyala.
langsung kita buat kode html nya.

<p><span class="menyala">Teks menyala part II </span></p>

kita lihat hasil sementara seperti ini:

setelah itu kita masukkan kode CSS nya

.menyala:hover {

color:white;

text-shadow:0 0 40px yellow ,

0 0 60px yellow ,

0 0 80px yellow ,

0 0 100px yellow ,

0 0 130px yellow ;

}

untuk melihat hasilnya arahkan cursor ke Teks menyala part II,seperti ini hasilnya:

Sumber : http://rudiecnuada.blogspot.com/2012/09/teks-menyala-dengan-css3-part-ii.html