Apakah kalian pernah menemukan ketika mengunjungi blog, kemudian saat kursor diarahkan pada gambar disebuah artikel/postingan, gambar tersebut berputar dan membesar/zoom secara otomatis..??
Pasti kalian pernah menemukannya, iya ga..??
Ingin coba mempraktekannya pada blog kalian..??
Jika mau nih saya kasih caranya dibawah ini:
- Masuk ke Blogger
- Pilih Template > Edit HTML
- Cari kode ]]></b:skin> (tekan "Ctrl+F" untuk mempermudah menemukan kode)
- Copy kode CSS dibawah ini, lalu Paste diatas kode ]]></b:skin>
- Simpan Template
.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}}
PERHATIAN:
Back Up terlebih dahulu HTML asli, untuk menghindari jika proses gagal.
Baca juga Efek Zoom/ Memperbesar Gambar Pada Posting Blog
Semoga Bermanfa'at
Related Post