Cara membuat gambar bergerak,membesar dan berputar ketika kursor menyentuh

Cara membuat gambar bergerak,membesar dan berputar ketika kursor menyentuh ,saya akan berbagi ilmu kepada sobat-sobat tentang tutorial mengenai Cara membuat gambar bergerak,membesar dan berputar ketika kursor menyentuh.
awalnya sangat sulit mempelajarinya ternyata gak susah kok ,aku yakin sobat pasti bisa mencobanya dari pada penasaran sobat-sobat dengan membaca postingan ini insyallah sobat-sobat akan bisa

Biar sobat gak penasaran ,Coba arahkan kursor anda  ke gambar di bawah ini ..

Gimana sobat bagus kan ?? 

jika sobat-sobat ingin membuatnya silahkan ya ikuti cara-cara di bawah ini,

-1. Login terlebih dahulu ke blogger

-2. Jika sudah kemudian pilih Template > Edit Html

-3. Jika sudah kemudian cari kode </head> jika sudah ketemu copylah kode di bawah ini tepat di atas kode </head>

<style>#sundaboy img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #sundaboy img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

4. jika sudah untuk agar berkerja jika di sentuh kursor ikuti format penulisannya seperti di bawah ini..

<div id="sundaboy">
<a href="http://novanpeace.blogspot.com/"><img src="KODE GAMBAR" /></a></div>

Keterangan : untuk tulisan yang berwarna merah bisa di ganti alamat link yang sobat-sobat inginkan dan untuk yang tulisan berwarna biru ganti dengan url dari gambar sobat-sobat.

 selamat mencoba semoga bermanfaat
oh ya jangan lupa comen ya sobat hehehehehehehe.......