Efek Teks Glow Seperti Lampu Neon

Posted On // Leave a Comment

belajar2 di javascript ternyata seru bro, tapi ada untungnya juga, blog bisa makin kren, kekurangannya blog bisa makin lambat loadingnya karna kebanyakan javascript. OK saya akan share artikel tentang
Efek Teks Glow Seperti Lampu Neon.

Sebenarnya kode yang dipakai sangatlah simple dan sebenarnya merupakan modifikasi dari efek teks shadow
{text-shadow: 0px 0px 7px #23FF0A;} , 7px adalah efek blur pada bayangan sedangkan #23FF0A adalah warna dari efek teks.penulisannya kurang lebih sebagai berikut


<div style="text-shadow: 0px 0px 7px rgb(35, 255, 10); color: rgb(255, 204, 0);"><span style="font-size:130%;">TEXT GLOW KAMU</span></div><span style="font-size:130%;">

Tapi bisa juga dengan cara yang praktis seperti ini:
Copy CSS dibawah ini dan paste diatas 


#neon {

text-shadow: 0px 0px 7px #FF0000;

}


Simpan Template!

Kalau udah, sekarang tiap ingin membuat teks dengan efek glow tinggal menambahkan class="neon" pada elemen div
Contoh 




   <div style="color: rgb(255, 204, 0);" class="neon"><span style="font-size:130%;">TEXT GLOW KAMU</span></div><span style="font-size:130%;">


 

0 komentar:

Posting Komentar