Cara Membuat
Text Efek Menyala. Terlihat
seperti menyalakan? Jika tidak mungkin faktor browser anda,karena efek ini
hanya terlihat di browser tertentu saja seperti Firefox, Google
Chrome Terbaru.Secara teknis sebenarnya efek ini menggunakan efek text shadow
dengan CSS3. Dan dengan sedikit modifikasi RGBA jadilah efek text
menyala ini. Langsung saja ke cara pembuatan texk menyala ini.
Kode yang saya gunakan untuk membuat text menyala di atas adalah seperti ini :
text-shadow:
rgba(255, 150, 220, 1) 0px 0px 8px;
yang artinya kurang lebih seperti ini :
yang artinya kurang lebih seperti ini :
- text-shadow = buatlah bayangan pada text
- rgba(255, 150, 220, 1) = Warna dengan komposisi RGB dan Alpha (R, G, B, Alpha). Ganti sesuai warna cahaya yang anda inginkan --untuk mencari komposisi warna RGB, kamu bisa menggunakan photoshop--
- 0 0 8px = 0(ofset x) 0(ofset y) 8px(lebar/blur bayangan)
Sekarang untuk penerapan di Blog.
1. Login ke blog anda
2. Masuk ke Rancangan > Edit HTML
3. Cari kode yang anda inginkan untuk di buat menyala.
Contoh Link menyala maka yang di cari adalah kode a:link {. Maka tambahkan kode Text menyala di dalamnya.
Contoh :
a:link {
text-shadow:
rgba(255, 150, 220, 1) 0px 0px 8px;
color :
#3778cd;
text-decoration : none;
}
text-decoration : none;
}
4. Save Templates dan
Silahkan Nikmati Link baru pada Blog anda dengan sedikit tampilan baru yang menarik
0 komentar:
Posting Komentar