Cara Membuat Gambar Membesar/Zoom di Blog Saat Di Sentuh Kursor

Cara Membuat Gambar Membesar/Zoom di Blog Saat Di Sentuh Kursor - Turitorial yang akan saya share kali ini adalah Ketika sahabat Indoking mengarahkan kursor pada gambar di blog, maka gambar tersebut akan membesar/zoom. Baiklah bagi sahabat Indoking yang ingin menerapkan efek zoom pada gambar di blog saat di sentuh kursor dapat mengikuti langkah-langkahnya di bawah ini:

1. Masuk ke Dashboard Blogger
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode CSS dibawah ini, lalu Paste diatas kode ]]></b:skin>

.post img{

-webkit-transform:scale(0.8);

-moz-transform:scale(0.8);

-o-transform:scale(0.8);

-webkit-transition-duration: 0.5s;

-moz-transition-duration: 0.5s;

-o-transition-duration: 0.5s;

opacity: 0.7;

margin: 0 2px 2px 0;

}

.post img:hover{

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-o-transform:scale(1.1);

opacity: 1;

}

5. Klik Simpan Template

Maka sekarang sahabat Indoking akan melihat gambar di blog menjadi membesar saat disentuh kursor. Demikianlah yang bisa saya share mengenai Cara Membuat Gambar Membesar/Zoom di Blog Saat Di Sentuh Kursor. Selamat mencoba !