Image Hover

Nak buat gambar yang mula2 macam biasa lepastu dia jadi kelabu tak?? klau nak mari sini saya nak ajar^^

mula mula gambar macam biasa pas2 tukar jadi warna kelabu..

step dia macam ni


First pergi ke Dashboard >> Edit HTML >> cari kod di bawah ni

/* Comments

Second copy dan paste kod dibawah ni di atas kod tadi tu...

img {
    filter: url(filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(0);
border:1px solid #EEE;
padding:4px;
}
img:hover {
    filter: none;
    -webkit-filter: grayscale(1);
-webkit-transition:3s;}

Oren = masa yang diambil pertukaran warna

Save!!! semoga berjaya