HOMEPAGE
THE AUTHOR
FREEBIES
TUTORIALS
DESIGN PROCESS
PORTFOLIO

Tutorials Image Opacity Hover .


Salam blogger .

Today , aten nak buatkan tutorial image opacity hover . Tahu tak ? Macam ni , bila kauorang hover je gambar apa-apa je kan , gambar tu akan jadi terang/gelap . Okey faham ? Jum kita tengok cara dia .

1. Dashboard > Design > Edit HTML > Tick expand widget template

2. Tekan ctrl+f , then search code ni :
/* Header

3. Copy code bawah ni , then paste dekat atas code /* Header tu :
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

4. Preview then save (:

3 comments:

Terima kasih atas komen yang diberikan. Jangan lupa datang lagi untuk cerita yang terbaru. Salam sayang dari owner blog

 
Thankyou for visiting | Template made by Fatin Hazwani.