Home About Stuff Link My BIAS

Friday 7 September 2012

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.

0 comments:

Related Posts Plugin for WordPress, Blogger...