TUTOR : Image Opacity Effect

Macam udah lama ak xkongsi ilmu bersama kome kan.. jadi,nak continue balik..
kali ini nak kongsi camner nak wat effect pada gambar kome.. camner tu??


sila perhati baik-baik DUA gambar di bawah yer.. lau x,ak lepuk!! hahaha..

Image akan jadi pudar bila cursor mouse di letakkan pada gambar

Image yang pudar jadi terang..kira kesan sebaliknya yer..

MACAM MANA NAK WAT LAGU TU???

DESIGN > ADD A GADGET > HTML/JAVASCRIPT

Pastu kome copy la salah satu kod kat bawah ini..

Untuk kesan PERTAMA

<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}

.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style>

Untuk kesan KEDUA

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

Pastu,apa kena buat?? belanja ak makan mekdi..ahakz!! SAVE la yang oi..

tengok hasilnya orait..

 n/y : lau ada yang buat dan udah berjaya,tahniah la teman ucapkan ea!!

 gembira dapat berkongsi bersama..

SIFU : Image opacity effect