Sunday, July 26, 2015

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

1 comment:

-Mohon berikan komentar anda dengan menggunakan bahasa yang sopan.
-Jika ingin repost, silahkan cantumkan namaku dan link blogku.

Related Posts Plugin for WordPress, Blogger...
 
This Blog Are Protected By Me . DO NOT OPEN MY PAGESOURCE . Designed by -Nur Irdina Zakaria- and Re-Designed by -DILA AZHARI-
...