Menu For Beqiutors

Jumat, 21 Desember 2012

Image Hover Effect

Faradina Fazira | 20.44 |
1) Layout > Add A Gadget > Choose HTML/Javascript.
2) Copy code di bawah dan pastekan kat ruangan HTML/Javascript tu.


IMAGE GELAP KE TERANG (like me)
<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>

IMAGE TERANG KE GELAP

<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>


3) Save dan lihat hasilnya.

Tidak ada komentar: