Tutorial Image Animation Hover

بسم الله الرحمن الرحيم

Assalamualaikum..

Selamat malam...berenti study kejap , rehatkan minda dan nak update blog. hehe..Saya nak buat tutorial yang dah lama sebenarnya di minta oleh seorang adik ni. Sori la sebab tak buat kan, saya ni menulis ikut mood..kalau nak tulis, tiba-tiba je keluar idea. Terus je menulis..ok la, teruskan dengan tutorial.

Image animation hover ni macam ni tau..cube cursor tu sentuh kat gambar, jadi transparent kan.. Kalau nak buat..jom ikut saya..

Sweet sangat gambar ni...saya dan suami (masa hadapan) hehe..

Mula-mula..

Pergi ke Design-> Edit HTML

1. Cari kod /* Header tekan ctrl+f (sama fungsi dengan find)


2. Kemudian copy kod ni dan letak di atas /* Header tadi

/*------ 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;

}

3. Save la..

Dah siap.. 

 والسلام