Cara Membuat Gambar Berputar dan Membesar Saat Di Sentuh Kursor

Halooo sobat blog kali ini share tentang bagaimana caranya membuat gambar berputar dan membesar bila disentuh mouse mau ?.Ayo ikuti langkah-langkahnya.

Langkah-langkahnya :

1.Pertama Anda Log-in dulu ke blog
2.Lalu Buka menu Template
3.Klik Edit HTML
4.Setelah itu cari kode ini ]]></b:skin>
5.Kalou sudah ketemu Copy Paste Kode di bawah ini di atas 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;}

Klik Save dan Lihat hasilnya

Semoga bermanfaat