December 8, 2013

Tutorial : Image Hover #3 ( Rainbow )


Pagi nie rase nak buat tuto lagi laa :D Sambung tuto image hover yang semalam punye . Tuto nie iqa dah try gune tadi dan alhamdulillah menjadi :) 

BLOGSKIN :-


 Dashboard - Tamplate -> Edit Tamplate HTML

 Tekan ctrl + f serentak dan cari kod </style>

 Copy kod kat bawah nie dan pastekan kat ATAS kod </style>

img {
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);
}


DENIM TAMPLTE :-

 Copy kod kat bawah nie dan pastekan dekat ATAS kod /* Header

img {
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);
}


 Preview dulu baru save :D

 Done ^^

No comments:

Post a Comment

Thanks for leave your comments :D