Wednesday 7 December 2011

Tutorial | Hover Zoom

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 :

<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>

# 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 - -

**Terima kasih kerana membaca entri Tutorial | Hover Zoom

12 comments:

Terima kasih kerana sudi singgah sebentar di Ezad Skytech [dot] com...teruskan memberi sokongan dan tinggalkan komen di entri...kalau LIKE bolehlah klik G+ pada entri ni...

-EzadSkytech-

Related Posts Plugin for WordPress, Blogger...

Pengomen Setia Mac 2018

Alexa Rank Ezadskytech.com