Tutorial : Image Hover Part 3

Tumblr_ltpcdbqh6z1r3h7moo1_500_large

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

2 comment [s]:

Syahirah Solehah said...

arigato..menjadi

Aishah Rezali said...

dah banyak kali dah cari tuto nie , Thankss :DD