Home About Stuff Link My BIAS

Friday 7 September 2012

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.

0 comments:

Related Posts Plugin for WordPress, Blogger...