Tutorial membuat Text bersinar di HTML dengan CSS Hover
Cara membuat text bersinar dengan CSS
Selamat sore Sahabat Informatika, Kali ini Teknologi Informatika akan membahas tentang tutorial membuat efek cahaya pada text di HTML dengan CSS Hover.
Pertama buat Script berikut :
"<a class="neon">...</a>"
tanpa tanda petik. "neon" pada script tersebut dapat diganti dengan kata lain, tapi dalam CSS kata yang digunakan harus sama.
Lalu pada CSS buat Script berikut :
.neon {
text-decoration:none;
color:#FFF;
}
.neon:hover {
text-shadow:
0px 0px 1px #FF00FF,
0px 0px 3px #FF00FF,
0px 0px 5px #FF00FF,
0px 0px 30px #FF00FF,
0px 0px 50px #FF00FF,
0px 0px 70px #FF00FF;
}
Share story
test
ReplyDelete