Sunday 24 May 2015

Hover Image Rainbow.


tutorial hover image rainbow. Itu lho,apabila kita hover gambar ada warna pelanginya. mau ? ikuti tuto di bawah ini!


Thanks for Kak Atiqah & Tiara ^^


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



No comments:

Post a Comment