Tutorial:Image Animation Hover

Assalamualaikum , to my prettiest stalkers and readers . Waktu ini , saya nak buat tutorial untuk gambar , iaitu Image Animation Hover . Cuba korang pergi dekat gambar ini ;

Mula-mula , gambar itu terangkan ? Lama-lama dia jadi terang sikit . Itulah namanya Image Animation Hover . Ada faham ? Bagus . Marilah kita ke tutorial-nya .


• Dashboard > Design > Edit HTML > Tick pada Expand Widget Template
• Ctrl F untuk memudahkan pencarian code
• Cari code ini

/* Header

• Dah jumpa ? Ikut steps seterusnya
• Copy code ini

/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}

• Pastekan di ATAS code /* Header

• Preview dulu , kalau jadi SAVE

• Apa-2 hal sila inform saya , tahu ?

Credit to : Fiqa

---

Tiada comment yg rude

---