Tutorial : Image opacity Effect

What is the Image Opacity Effect ? Dia utk gambar dlm entry SAHAJA :) if korang buad benda ni, korang akan tgk gambar2 dalam blog korang xjelas taw! Jgn la dok kelam kabut pulak an? Nak kasi dy pic original balek is cursor korang kena sentuh pic korunk tuh automatic pic korang jadi terang mcm original pic balik :D

Mcm biasa mas selalu mula, hehe

Dashboard - add gadget - HTML/JavaScript

Copy and paste into HTML/JavaScript

<style>
/* ----- Image opacity effect 2 ----- */
.post a img {
filter:alpha(opacity=30);
-webkit-transition-duration: 1.5s;
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

.post a:hover img {
filter:alpha(opacity=100);
-webkit-transition-duration: 1.5s;
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}

</style>

Save :D

kedit to : schafieqah