Bagaimana Menambahkan Zoom Hover Efek Untuk Foto Di Blogger

Hi teman-teman! Mungkin Anda pernah mendengar tentang Cara Tambah Gugurkan Bayangan Efek ke Foto. Sekarang, kita akan membuat efek baru. Itu Tambahkan Zoom Hover Efek ke Image. Tak lama, saat Anda meletakkan kursor Anda pada gambar, gambar akan zoom (lebih besar). Apakah Anda ingin mencoba demo? OK, ini adalah itu. Dan jika Anda ingin tahu bagaimana untuk membuat efek, cukup ikuti langkah-langkah berikut. 

1. Masuk ke akun blogger Anda 

2. Pergi ke Desain -> Edit HTML 

3. Copy kode di bawah ini, dan paste di atas]]> </ b: skin> 

. Hovergallery img {
-Webkit-transform: scale (0.8);
-Moz-transform: scale (0.8);
-O-transform: scale (0.8);
-Webkit-transisi-durasi: 0.5s;
-Moz-transisi-durasi: 0.5s;
-O-transisi-durasi: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}

. Hovergallery img: hover {
-Webkit-transform: scale (1.1);
-Moz-transform: scale (1.1);
-O-transform: scale (1.1);
opacity: 1;
}

4. Kemudian jika Anda ingin aktif efek, menggunakan kode ini 

 <a class= "hovergallery" href=" http://bloganda.blogspot.com/"target="_blank"> 
<image url anda /> </ A>

=> Ganti kode biru dengan link anda 
=> Ganti kode yang berwarna merah dengan URL gambar 

5. Selesai ... Semoga bermanfaat ..