Tutorial : Image Hover Part 3

Assalamualaikum and annyeonghaseyo semuaa. Tuto kali ni adalah berkaitan dengan image hover. Image hover yang ini akan mula membesar apabila disentuh. Senang cerita dapat zoom la. Hehe. Kalau tak faham apa yang tieqa bebelkan ni. 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