Tutorial : Cara Pasang Image Opacity Effect

Assalamualaikum :)
Ahad yg indah . Haha, ok2, terus pada tajuk .
Hari ni Ajmal nk wt tutorial yg kedua iaitu, baca sndiri kt atas, malas nk tulis .
Image opacity effect adalah suatu kesan atau efek yang berlaku apabila cursor mouse diletakkan di atas sesuatu image yang terdapat pada bahagian post .
Ada banyak jenis effect sebenarnya, tp Ajmal nk tutor jenis apabila cursor mouse diletakkan di atas sesuatu image, gambar yg kabur menjadi terang .
Macam yg Ajmal guna skarang ni laa .
Nk tngk try move cursor korang kt gambar di bawah .


Dashboard -->Design --> Add A Gadget --> HTML/Javascript


Copy kod di bawah
<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>





credits:
http://maribinablog.blogspot.com/2010/12/cara-pasang-image-opacity-effect.html