Cara Membuat Gambar Berputar Saat Disentuh Kursor

Widya Artanti Muter-Muter

Bagi yang ingin lihat demonya, bisa diarahkan kursor mouse anda ke gambar diatas.

Berikut langkah - langkah membuatnya :

•  Login ke akun blogger anda
•  Klik Template, kemudian pilih Edit HTML (jangan lupa centang Expand Template Widget)
• Cari kode ]]></b:skin>
•  Kemudian copy paste kan kode dibawah ini 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;}

• Kemudian save template.