Homecara menerapkan efek pelangi pada link.
1.Login
ke blogger
2.Klik
Rancangan Tempelate
3.Klik
edit HTML
Cari
kode:]]></b:skin>letakan kode dibawah ini Tepat diatas kode:]]></b:skin>
@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 */ }
4.Simpan
sumber:http://ghubugreyot.blogspot.com