Tutorial:Image Hover


Assalamualaikum and annyeonghaseyo.Image hover tu apa?ok cuba halakn cursor korg kt pic kt atas tu.
Nmpak tak gmbar tu berubah jadi lebih terang.Ha! tu la image hover.Tapi tuto ni bagi p'guna blogskin/template classic SAHAJA.

1.Dashboard > Template > Edit HTML
2.Tekan ctrl + f serentak
3.Cari code ni
</style>
4.copy code ni.
/*------ 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; }
5.Paste code tadi dkt atas  </style>
6.Preview & save.

16 comment [s]:

ELFKissme Luv said...

hai.thank u untk tuto ni ^^

Nurul Atiqah said...

@ ELFKissme Luv : Hai..most welcum ;)

iyka said...

thanks for this tuto...

Nurul Atiqah said...

@iyka : ur welcome :)

myra said...

tq sbb adekan tuto ni..hehee

Nurul Atiqah said...

@myra: welcome :)

※ Najia Idrina ※ said...

Ya Allah, terima kasih sis. Dah lama cari tuto ni. Sblum check tuto ni ad request kat sis. Tp da jumpa da so tak pe lah. Terima Kasih banyak2. Finally, Jadi jugakkk :*

Nurul AtiQah said...

@※ Najia Idrina ※ : Alhamdulillah. jumpa juga :))
sama-sama.. ^^

Scha sooyoung said...

time kasih kak!caaaayang akk...muahh!! xD

Nurul AtiQah said...

@Scha sooyoung: LOL..welcome :)

sabrinashekhahmad said...

thanks :)

Balqis Al-Hawariy said...

tq . sye gune tuto nih .

Jung Haneul said...

thanks for the tutor .

Ah Yae Won said...

ada code lain tak selain style ? sebab saya try tak menjadi la

Arof • said...

waalaikumsalam wr. akak, makasih ye ^^

Fatin Nabila said...

tq, jdi dh