Membuat Efek Zoom Pada Gambar Postingan Blog

 

 Bisa di lihat Contoh gambar di atas apabila sudah mencoba mengarah kan mouse arah gamabar , gambar akan memberikan efek zoom kalau anda sudah melihat gambar diatas silahkan kita mulai tutorial membuat efek zoom pada gambar postingan:

1. silahkan langsung saja kalian login ke blogger.

2. silahkan menuju edit tamplate . jangan lupa untuk centang expant widget.

3. cari kode ]]</b;skin>

4. kalau sudah ketemu silahkan copy kede dibawah ini dan paste diatasnya.

.post img:hover {
-moz-trnasform: scale(1.3) ;
-webkit-transform: scale(1.3);
-o-transform: scale(1.3)  ;
-ms-transform: scale(1.2)  ;
transform: scale(1.3) ;}

NB : kalau dalam template kalian ada kode  .post img:hover sebelum kode yang kalian taruh alangkah baiknya kalau kalian hapus dulu.

Artikel Terkait