Thursday 29 March 2012

Image Hover version II


Hey dude ! Give me your smile :)
Today , Tinie buad tutorial Image Hover versi II . Tutorial Kali ni lain tau dgn tuto Image Hover yg lme tu. Kalai ni , bila cursor sentuh gambar , gambar tu jadi lbih terang . Lain kan , kan ? Ish ! Ckp bnyk pulak Tinie ni ! Bila nak mula pon x tahu . Baik lha kita buad tuto ni skarang !

1. Dashboard > Template > Edit HTML > Tick Expand Widget Templates
2. Tekan CTRL+F serentak dan cari kod ni : /* Header
3. Pas2 , korang copy kod ni pulak 
/*------ 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; }
4. Paste kan di atas kod yg korang cari tadi.
5. Preview  Save .

- Simple kan ? -







No comments:

Post a Comment

Assalamualaikum
sila tinggalkan Comment anda di sini
satu pon jadilah hehe..