Membuat Efek Zoom Gambar

Pernah mengunjungi sebuah blog dan melihat gambar membesar saat cursor menyorotnya? Menarik yah? Ini adalah efek zoom in dan zoom out menggunakan kode CSS. Caranya mudah, ikuti langkah-langkah ini:

1. Login ke akun Blogger
2. Masuk ke bagian Rancangan, klik Edit HTML, beri tanda centang pada Expand Template Widget
3. Cari kode ]]></b:skin> (gunakan shortcut keyboard Ctrl + F)
4. Setelah ketemu, copy-paste kode CSS berikut tepat di atas kode tadi;

    .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 template dan lihat hasilnya!