image hover 2

Wednesday, October 31, 2012


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>