Image Hover Effect

Assalamualaikum

ainna nak ajar korang how to make your image berasap, and lebih kurang orang cakap, 'kabur' gitu. kahkah >.< So faham kan? Yes, jom buat ;D

 

  1. Dashboard - Design - Add gadget - html/javascript 2. Copy code and paste di dalam kotak html/javascript   Dari kabur ke terang

 

<style>
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity:.0;
opacity:1.0; 

}
</style>

Dari terang ke kabur

<style>
/* ----- Image opacity effect 2 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
</style>

itu je .dah jadi ?alahai , bagusnye.kih3