css3 animation untuk efek pelangi pada hover teks link

Cara menyimpan Kode CSS Efek pelangi pada Hover Teks Link:

1. Login ke Blogger.
2. Dasbor (Dasboard).
3. Design (Rancangan).
4. Edit HTML.
5. Backup Template.
6. Cari Kode ]]></b:skin>, kemudian letakkan kode css tepat di atasnya.
7. Klik Simpan Template (Save Template)

Catatan/keterangan:

1. Untuk merubah variasi warna hover link dapat dilakukan dengan merubah warna (black, red, brown, blue, green, orange, magenta, black) yang terdapat di kode css.
2. Jika menghendaki data warna, sampeyan bisa melihat tabel lengkap data setiap warna berikut namanya dengan klik di sini.
3. Panduan cara Backup Template, cara cari kode dan berbagai cara menyimpan kode css, javascript dan xHTML dapat dibuka pada Special Tutorials di menu sebelah kiri halaman.
4. Jika anda menggunakan template blogger baru (New Blogger Interface), anda dapat mengikuti panduan cara menyimpan kode css-nya melalui link berikut:
   

Kode CSS
@keyframes GRhoverpelangi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}} @-o-keyframes GRhoverpelangi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}} @-ms-keyframes GRhoverpelangi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}} @-moz-keyframes GRhoverpelangi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}} @-webkit-keyframes GRhoverpelangi{0%{color:black;}19%{color:red;}25%{color:brown;}40%{color:blue;}55%{color:green;}70%{color:orange;}85%{color:magenta;}100%{color:black;}} a:hover{ /* original code by : gubhugreyot.blogspot.com 30 Juni 2012 */ animation:GRhoverpelangi 4s infinite; /* Standart */ -o-animation:GRhoverpelangi 4s infinite; /* Opera */ -ms-animation:GRhoverpelangi 4s infinite; /* IE */ -moz-animation:GRhoverpelangi 4s infinite; /* Firefox */ -webkit-animation:GRhoverpelangi 4s infinite; /* Safari and Chrome */ }


 sumber:http://gubhugreyot.blogspot.com/2012/06/hover-link-warna-pelangi-rainbow-color.html