TUTORIAL IMAGE OPPACITY EFFECT

tukar opacity gambar bila cursor menyentuh gambar. akan jadi lebih menarik la kira nya. huu~ ada dua effect, kabur bila disentuh, dan terang bila disentuh .

 pergi pada Dashboard -> Design -> Add Gadget -> Html/Javascript

 kemudian copy dan pastekan code pada kotak gadget Html yang korang buka tadi


First effect ( terang bila disentuh )

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

Second effect ( kabur bila disentuh )

<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style>

 kemudian bole SAVE. comment