Hover Image Rainbow

Hai reader(s)..

Kali ini aku akan berbagi tutorial lagi nih.

Kali ini, big thanks buat Tiara 

Tutorial hover image rainbow nya oke banget deh!

Kalian tau apa tutorial yang ku maksud??

Sentuh saja gambar di atas!

Ada efek rainbow nya kan..

Yuk, ikuti step by step!

Desgin Template

 Dasbor > Template > Edit HTML

 Cari kode

img {

Kalau tidak ada, tambahkan saja kodenya di img nya di atas kode di bawah ini. Copy kode ini

filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;
}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
}

 Pastekan di atas kode

]]></b:skin>

 Save!

Classic Template

 Dasbor > Template > Edit HTML

 Caranya hampir sama, namun pastekan di atas kode

</style>

 Save!

Semoga berhasil! 

---

Terimakasih sudah membaca , Tinggalkan komentarnya juga ya

---