Tuesday, August 16, 2011

Tutorial Image Animation Hover

Salam Sayang Buat Semua...

hye korang...update lagi...korang tahu tak apa dye Image Animation Hover mesti ada yang tahu dan mesti jugak ada yang tak tahu kan...okeyh la...bagi yang tak tahu,nadya akan terangkan yek apa dye dan cara nak wat skali...

okeyh,image animation hover nie,bila korang sentuh mana-mana jek gambar lam blog korang,dye akan jadik kabur...contohnya macam gambar kat bawah nie kan,bila korang sentuh,dye jadik kabur or transparent la...ce try,ce try...




korang nak cuba tak???kalau nak jom follow step-step kat bawah nie yek...


1. first korang p kat Design atau sekarang nie kat bahagian Template then edit HTML

2. pastu korang ctrl+f  untuk cari kod  /* Header 

3. kemudian korang copy kod kat bawah nie dan Paste kat atas /* Header 



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






pastue korang ley la save yek...

done!

amacam? jadik tak???

heeeee...












Enjoy Your Reading My dear! ^__^

No comments:

LinkWithin

Related Posts Plugin for WordPress, Blogger...