Tutorial image opacity CT

Saturday, December 3, 2011 at 4:00 PM | 0 grown up kid

Assalammualaikum.
     Sekarang saya nak ajar cara nak buat picture kat blog bile di hover makin jelas.

# Blogskin
sign in > dashboard > template

 tekan Ctrl + F and cari kod a:link atau a:visited atau a sahaja.

 dah jumpe? good -.- copy code bawah ni pulak and paste kan dekat atas diulang dekat ATAS kod yang dicari tadi
img {
opacity:0.7;
-webkit-transition: 0.4s;
}
img:hover {
opacity:1.0;
-webkit-transition: 0.4s;
}
kalau korang nak dia jelas dan kalau hover kabur guna kod bawah ni and paste je dekat atas kod yang dicari tadi
img {
opacity:1.0;
-webkit-transition: 0.4s;
}
img:hover {
opacity:0.7;
-webkit-transition: 0.4s;
}
preview and save!
P/s- kod image yang lama tu buang jea.
Sekian,
Asa Banie