Kali nie saya nak kongsi sedikit Tutorial Ringkas untuk buat Hover Zoom Smooth Picture. Tutorial saya belajar pada blog sayabudakcomel. Memang menarik..
Hover Zoom Smooth Picture bila korang hala cursor gambar akan menjadi zoom dan blur. Korang boleh cuba dengan hala cursor pada gambar dibawah ni..
- Logo Blog saya -Mari kita mulakan tutorial nie ;
- Dashboard > Design > Edit HTML
- Tekan serentak ctrl + F dan cari code kat bawah nie
<head>
- Kemudian copy code kat bawah nie pule.
<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); }
Sumber : http://farixsantips.blogspot.com/2011/06/effect-hover-zoom-smooth-pada-object.html#ixzz1X07HXoVg
</style>
- Paste code nie pada bawah "<head> " yang korang cari tadi
- Kemudian, Preview dahulu untuk lihat sama ada jadi atau tidak. Jika tiada masalah barulah Save.
No comments:
Write 8080 PeNgKrItIk & PeNcAdAnGThank For KoMeN... (n_n) Saya akan balas kunjungan Anda Kemudian...