Cara Membuat Efek Pelangi Pada Link

Sering kalau kita sedang jalan-jalan ke blog temen-temen, ketika pointer kursor berada tepat diatas sebuah link, link tersebut berubah-ubah warnanya seperti warna pelangi.

Untuk memasangnya di blog caranya sbb :

1. Buka Dasbor blogger - Rancangan - Tambah Gadget - HTML / JavaScript.

2. Copy kode dibawah ini dan letakkan ditempat yang tersedia lalu Simpan.

<style type='text/css'> a:hover{ -webkit-animation: pelangi 2.25s infinite alternate; -o-animation: pelangi 2.25s 1 alternate; -ms-animation: pelangi 2.25s infinite alternate;-moz-animation: pelangi 2.25s infinite alternate; animation: pelangi 2.25s 1 alternate; } @-webkit-keyframes pelangi{ 0% { color:red } 20% { color:yellow} 40% { color:green} 60% { color:blue} 80% { color:purple} 100%{ color:orange} } @-moz-keyframes pelangi{ 0% { color:red } 20% { color:yellow} 40% { color:green} 60% { color:blue} 80% { color:purple} 100%{ color:orange} } @-o-keyframes pelangi{ 0% { color:red } 20% { color:yellow} 40% { color:green} 60% { color:blue} 80% { color:purple} 100%{ color:orange} } @-ms-keyframes pelangi{ 0% { color:red } 20% { color:yellow} 40% { color:green} 60% { color:blue} 80% { color:purple} 100%{ color:orange} } @-keyframes pelangi{ 0% { color:red } 20% { color:yellow} 40% { color:green} 60% { color:blue} 80% { color:purple} 100%{ color:orange} } </style>

Coba lihat hasilnya.

Demikian postingan dari Admin Blog Suka-Suka cara membuat efek pelangi pada link di blogspot, semoga bermanfaat.