Huuhh...entri pertama untuk hari Rabu ni...tutorial...? Aq ni reti ke buat tutorial...hee...lama da tak post entri tutorial dalam blog ni rasanya...HAHA...semalam tak sempat nak online dan berblogwalking sebab da shutdown awal malam tadi...hee...sebenarnya Lya ada request tutorial Hover Zoom ni...tu yang tetiba rajin tu...hee...
Cuba gerakkan cursor kat gambar di atas ni...dia membesar tak..? Awesome...caranya mudah je...ikut je step kat bawah ni...
# Log in > Dashboard > Design > Edit HTML
# Tekan Ctrl F serentak dan cari kod ni :
# Haa...da jumpa kod tu..? Copy kod di bawah ni...
# Paste kan di bawah kod yang korang cari tadi macam ni...
# Lepas tu SAVE...haa...jadi tak...? Gambar kat entri korang jadi besar tak..? Heee...
<head>
# Haa...da jumpa kod tu..? Copy kod di bawah ni...
<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>
# Paste kan di bawah kod yang korang cari tadi macam ni...
# Lepas tu SAVE...haa...jadi tak...? Gambar kat entri korang jadi besar tak..? Heee...
- - SELAMAT MENCUBA - -
thanks you !!! nanti nak try!
ReplyDeletemenarik tutorial ni...boleh cuba :)
ReplyDeletepower la sih..haha
ReplyDeletetak berat ke? huhu :D
ReplyDeleteassalamualaikum ezad....wah mcm nak cuba jer ntah boleh ke x...:)
ReplyDeleterajin wat tuto. good3
ReplyDeletethankss share!
ReplyDeletent boleh buat..hee
thanks..penah cari tuto ni tapi tak jumpe,,
ReplyDeletepergh .. terbaik laa .. dah ada kod2 baru
ReplyDeletemenarik !!!!
ReplyDeletewow
ReplyDeleteok tunggu esok lusa baru try
huhu
dah buat
ReplyDelete