♔kIEla TasneeZ →ツ

ENTRY ABOUT STUFF YOUTUBE GOOGLE+ ASK.FM TUMBLR NEWER OLDER
Tutorial : Image Hover Part 3 (Zoom)
Monday, November 12, 2012 - Permalink - 0 Comments
Assalamualaikum..
 Tuto kali ni adalah berkaitan dengan image hover...
 Image hover yang ini akan mula membesar apabila disentuh...
 Senang cerita dapat zoom la. Hehe.. Jom cuba.

Classic Template/Blogskin users

1. Dashboard > Template
2. Tekan Ctrl +f dan cari code </style>

Template Designer Users

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Tekan Ctrl+f dan cari code /* Header
3. Sekarang copy code dekat bawah ni

img {
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}

4.  Lepas tu paste di atas code </style> or  /* Header
5. Preview & save


Dah baca like lah kang simbah dengan air panas baru tahu