Hover Image Ranbow

Happy Sunday, guys! Kali ini, aku mau bagi-bagi tutorial hover image rainbow. Untuk live preview, coba kalian hover image di atas. Arahkan kursor kalian ke image tersebut :) Gimana? Rainbow kaann? Pelangi-pelangi gitu, hihi..

Thanks for Kak Atiqah ^^

Desgin Templ. (ini caraku sendiri ^^)

• 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 Templ.

• Dasbor > Template > Edit HTML
• Caranya hampir sama, namun pastekan di atas kode

</style>

• Save!

Semoga berhasil! ^^