Efek Zoom Pada Image / Gambar

Kali ini saya share trik blog sederhana, yaitu membuat efek zoom pada gambar, kalian pasti sudah pernah lihat kan, gambar atau image yang ketika dilewati mouse akan membesar (Zoom) dengan sendirinya secara otomatis, nah kali ini kita akan membuat efek seperti itu. Silahkan disimak penjelasan berikut :

1. Login ke Blogger.

2. Masuk ke Templates > Edit HTML.

3. Cari kode ]]></b:skin>.

4. Lalu masukan kode dibawah ini tepat di ATAS kode ]]></b:skin>.

.post img:hover { 
-o-transition: all 0.3s; 
-moz-transition: all 0.3s; 
-webkit-transition: all 0.3s; 
-moz-transform: scale(1.3); 
-o-transform: scale(1.3); 
-webkit-transform: scale(1.3); }

5. Simpan atau Pratinjau terlebih dahulu untuk memastikan apakah ada kesalahan atau tidak.

Mudah kan cara membuat efek zoom pada Gambar / image di blog. Selamat mencoba dan Salam Blogger ^_^

Source : http://www.vikrymadz.web.id/2012/10/cara-membuat-ffek-zoom-pd-image-otomatis.html