image hover 2

Annyeong..

tutor hari ini ialah image hover lain plak..
ini cuma pada htmljavascript saje..
iaitu apabila kita halakan cursor ade effect pada image tuh,


contoh 1:image pudar apabila dihalakn cursor
contoh 2:image terang apabila dihalakn cursor

1.log in>>dashboard>>design>>page elemant>>add gadget>>htmljavascript

contoh 1:

2.copy kod ni dan pastekannya:

<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.da siap~SAVE!

contoh 2:
2.copy kod ni dan pastekanya:

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