Tutorial : Image Opacity Effect

Views


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 ?