Membuat Efek Zoom dan Berputar pada Gambar

Halo kawan kli ini saya akan, membuat efek zoom berputar bila gambar dalam blog di sentuh oleh kursor.

artikel ini saya dapat refrensi dari luhurfatah10 [trimakasih ya sob]

langsung saja kita mulai

1. Login ke Dasbor
2. Masuk ke Tamplate
3. Untuk Mengantisipsi adanya kesalahan Backup dulu tamplate blog sobat.
4. Setelah itu pilih Edit HTML ]]></b:skin> Lanjutkan
5. Cari kode ]]></b:skin>

 untuk mempermudah gunakan F3 atau Ctrl+F

   Paste kode dibawah ini tepat diatas kode ]]></b:skin>

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

Terakhir Simpan Template

dan pengen tahu hasil nya??  Sentuh Aja Gambar di Bawah ini.. hehe

Udah dulu yaw.. mimin mau cari refrensi lagi buat tambah-tambah Postingan di bulan November ini.

#Green Tree

We Are Friends (┌'⌣')┌♥┐('⌣'┐)