Tutorial : Rainbow Image Hover.

by - 10:11 PG



Assalamualaikum :)

Hari nie arrien nak buat tuto..Tuto nie macam kalau korang halakan cursor ke image dia akan ada hover raibow.. macam kat blog arrien sekarang nie :) cantik kan..hehe
But arrien rasa hover image nie hanya akan menjadi di google chrome,coz arrien dah cuba dekat mozile dia takde effect,so just untuk yg menggunakan google chorome jer oke..

1.Untuk template designe : tekan Ctrl+F dan cari code .img{ 
classic template/blogskin : Ctrl+F and fine code <style>

2. Copy code bawah nie:


img{

padding:4px;

-webkit-transition:1s;

}

img:hover{

-webkit-transition:1s;

-webkit-filter: hue-rotate(360deg);

-moz-filter: hue-rotate(360deg);

}

3. Template designe : Tukarkan (paste) dengan code .img{ yg korng cari di 1 tadi.
Classic/blogskin: pastekan di atas <style>

4. Preview and kalau menjadi save :)

good luck ^_-

You May Also Like

4 Comments