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 ? -