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
2 comment [s]:
arigato..menjadi
dah banyak kali dah cari tuto nie , Thankss :DD
Post a Comment