Image Hover Part I.
Sunday, 14 October 2012 @ 4:25 pm | Leave a comment?
Assalamualaikum & Annyeong :)
Cuba tengok tajuk tutor kita untuk hari ni . Hehe, ok . Actually Image Hover ni untuk template designer . Just ikut step-step di bawah :
First, buka :
Dashboard > Design > Edit HTML
Pastu, Tick Expand Widget Templates
Press ctrl+f *serentak tau !* Cari code ni : /* Header
Then, copy pulak code kat bawah ni,
/*------ IMAGE ANIMATION------*/img, a img { border: 0px; opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }Pastu paste kan kat atas code /* Header tadi .
Last sekali, Preview dulu takut tak menjadi pulak .
Save :)