Membuat Efek Gambar Buram Saat di Sorot Mouse

Trik dasar css kali ini bagaimana Image ketika disentuh mouse (hover), warnanya image-nya akan memudar (opacity).


contoh
Caranya sangat mudah yaitu anda tinggal mengganti kode css 'img' anda dengan kode berikut:
img {
filter:alpha(opacity=80);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;kode diatas