Efek Teks Glow Seperti Lampu Neon


Kalau di postingan sebelumnya, kita udah membahas tentang membuat teks terbalik memakai CSS3 nah kali ini kita akan mencoba membuat efek teks yang bersinar (glow) seperti lampu neon.
Itu lho! Seperti kolong pada mobil-mobil di game NFS Underground yang ada lampu neonnya.
Contoh teksnya sendiri udah keliatan kan? karena udah aku terapkan di postingan ini!
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%;">

Mudah bukan? Selamat berekspresi kawan!

0 komentar:

:nangis :rate :lebay :hoax :nyimak :hotnews :gotkp :wow :pertamax :lapar :santai :malu :ngintip :newyear
:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

 
Copyright © Motaro BLog

Selamat Datang

Selamat datang di Kotretan motaro - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan berselancar di sini dan membaca lebih lanjut tentang artikel kami. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik. Selengkapnya tentang kami

Sepintas Tentang Kotretan motaro blog

Nama saya mochamad taufik romdony, saya hanya seorang biasa

Info
chimney