Tutorial : Image Hover
Assalamualaikum and annyeonghaseyo.Image hover ni untuk template designer.
1.Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2.Press Ctrl + f serentak. cari code ni /* Header
3.Copy code bawah 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; }4.Paste dekat atas code /* Header
5.Preview & save.
9 comment [s]:
hehe...unnie,image hover tuh camne erk??..soalan bodo..hehe
@나야 Raihana: cuba saeng tgk pic dkt blog unnie ni, perasan x bila cursor sentuh pic tu dia akn jd terang . ha! tu la image hover . btw tu bkn soalan bodo pon . hehe . sekadar bertnye kn :D
hehe..thanx2..newbies nih mmg x pndai ckit..hehe..
Thanks. x
@JazzTJ : Welcum :)
Kak... Yg code /*Header tu tak de kat blog saya :o
Dah jadi dah >.< Btw,Thanks
@FazDi : Kalau takde cuba cari code "head" then paste atas code tu :)
unnie..nk tanya.kalo sy nak adjust kdr slow warna asal tu boleh x ek?
mcm image dlm blog unnie ni perlahan sangat.sy nk terangkan sikit boleh ke ek?
Post a Comment