Edit CSS untuk Membuat Neon Glow pada Teks

Bagi kita yang sering otak-atik web maupun blog tentu saja akan sangat senang sekali apabila kita juga bisa menambahkan beberapa style pada judul maupun sub judul yang ada di halaman postingan. Sebagai contoh kita akan menambahkan style berupa Neon Glow (teks kelihatan menyala) pada sub judul h3.

Untuk membuat seperti pada gambar diatas kita hanya sedikit mengedit CSS pada h3. Jika kita menempatkan bayangan kabur di balik teks, dengan nol offset, kita akan dapat menciptakan cahaya disekitar huruf tersebut. Dan apabila cahaya dari sebuah bayangan tidak cukup kuat, maka kita dapat mengulangi bayangan yang sama beberapa kali. Sebagai contoh seperti berikut ini :

h3.a {text-shadow: 0 0 0.2em #8F7}
h3.b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
h3.c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}

Selanjutnya bagaimana merubahnya ? yup, tentu saja kita edit pada CSS nya. silahkan dicari CSS yang berkaitan dengan h3 atau pun yang lain misalnya h1, h2 atau terserah temen-temen.

Untuk melihat secara detail berikut ini ada contoh script dari halaman yang sudah saya buat seperti contoh diatas. Silahkan dicopy dan simpan pada halaman Notepad kemudian Save As Html.

Edit CSS untuk Membuat Neon Glow pada Teks

Belum ada Komentar untuk "Edit CSS untuk Membuat Neon Glow pada Teks "

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel