Gambar Berputar Saat Disentuh Kursor

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

Berikut langkah - langkah membuatnya :

 

1.   Login ke akun blogger anda

2.   Klik Template, kemudian pilih Edit HTML (jangan lupa centang Expand Template Widget)

3.   Cari kode ]]></b:skin>

4.   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;}

 5.   Kemudian save template.