Penulis: Moch Adnan dipublikasikan: 7 Maret 2015
Cara Membuat Gambar Bisa Berputar Ketika Terkena Kursor
Cara Membuat Gambar Bisa Berputar Ketika Terkena Kursor 
Ca membuat gambar agar bisa berputar ketika terkena kursor adalah salah satu trik ngeblog yang mana bertujuan untuk sekedar memperindah tampilan blog semata, agar kesan manis atau cantik bisa didapat ketika pengunjung mengarahkan kursor tersebut ke area gambar yang ada. 

Namun terlepas dari itu semua bisa anda gunakan juga sesuai dengan keperluan tampilan gambar yang ada dalam blog anda tersebut nantinya. Seperti halnya cara membuat gambar agar berubah ketika terkena kursor 

yang pernah saya posting sebelumnya, cara berikut pun tidak jauh berbeda. Anda hanya perlu menyisipkan beberapa kode kedalam template maka akan didapatkan sebuah gambar yang bisa berputar dan bergerak hingga beberapa derajat.

Dan untuk membuat agar gambar bisa bergerak dan berputar maka langsung saja masuk ke dalam 'Dasbor blog' kemudian pilih 'Template' dan klik 'Edit' selanjutnya cari kode seperti berikut dalam template

  ]]></b:skin>

gunakan pencarian cepat dengan menekan tombol Ctrl+f. Jika sudah menemukannya silahkan simpan kode berikut tepat diatas kode tsb.


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


√- Catatan: Dengan menggunakan cara ini maka keseluruhan gambar yang ada dalam laman blog anda akan secara otomatis menjadi bisa berputar keseluruhan ketika gambar-gambar tersebut terkena kursor.  :D


Terakhir Klik simpan. Selamat mencoba.