HOME TUTO BIES ASK

27 April 2013

TUTORIAL : IMAGE HOVER - GREY

Asalamualaikum w.b.t + Salam sejahtera .
Hope this day is the best than yesterday ! 

Fuhh , ada jugak orang request . Kalau tak , Tak tahu nak hupdate apa . 




Mula-mula yaya pening sangat , Macam mana nak buat nih . Last-last yaya pergi dekat sini . Ikut kod asli tapi ada perubahan sedikit . 

Bila korang cursor gambar korang , Dia akan bertukar ke warna grey . Cun tak ? Jum ikut tuto ini .

Blogskins/ Classic template : 

Paste codes ni sebelum code

Template designer : 

Cari kod a img { dan paste dekat bawah kod itu .


CONTOH :

a img{
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
a img:hover{
-webkit-filter: grayscale(0.8);
}


Semoga berjaya!

No comments: