Friday, 8 March 2013

Tutorial : Image Hover *like me

Salam sejahtera , salam 1 Malaysia , Salam pray to Sabah..

Jom mula tuto ...nak tahu image hover tu camne?

Camni..*dibawah yew








Bukan gambar gadis korea yang comel tu yee..And bukan kawasan perkitaran gambar tu..Cuba kome hover kat gambar tu...Mula2 gambar tu samar2 tapi lepass kome hover jadi terang kan?Betul tak?

Menarik kan?Jomm mula..

Dashboard > Template > Edit HTML > Tick Expand Widget Template > Ctrl + F code di bawah..

/* Header

Dah jumpa kan?Wajib la..Semua template di template designer ada code di atas you know..

Copy code di bawah..

 /*------ IMAGE ANIMATION------*/img, a img { border: 0px;  opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }

Paste DIATAS  
/* Header
Arachi'?Bye!Moga berjaya!

No comments:

Post a Comment

hey babes,no harsh word!