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! ^^

Comments

Post a Comment

Before leave a comment, please ensure your comment is supportive and spread positivity :)

Popular posts from this blog

Movie About Insecurity : Imperfect

Ramadhan Tiba!