tutorial - image hover effect

Bonjour and assalamualaikum ;D Now, ain 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>

Senang kan? Okay click SINI pula. Oh BIG thaks. Haha bye.

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---