Tutorial : Image Opacity Effect

This tutorial is request by Ummi , What is Image Opacity Effect ? Is something like macam bila cursor you sentuh mana-mana gambar yang dekat entry I ni gambar dia asal kabur than bila cursor sentuh dia jadi terang balik , understand ? If still don't understand just follow my step.

1 step Dashboard - add gadget - HTML/JavaScript

2step Copy and paste into HTML/JavaScript

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

3step save it. So done. Easy right ?

Tweet