Wednesday, 5 December 2012

Tutorial : Hue Image Hover

Assalamualaikum! ^_^

  Dulu hadifah ada letak kod gambaq bila cursor hover dia jadi warna-warni. Sekarang ni tak dah. HEHEHE :P. Okey. Jom :

  • Designer Template tekan F3 search kod /*Header
  • Classic template [blogskin] tekan F3 search kod </style>
  Cara2 :
>>Template >> Edit html >> Proceed (bg template designer)
>> Copy kod ni :
/*------ IMAGE ANIMATION------*/
img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border-radius:20px;
-webkit-transition:1s;
}
img:hover {
-moz-opacity:1.0;
opacity:1.0;
border-radius:0px;
-webkit-transition:1s;
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;
}
>> Pastekan di ATAS kod yang korang cari tadi
>> Preview and save :)
credit : NINONINONINO. HAHA

No comments: