Cara membuat gambar berputar dengan kode css

Mungkin sobat bloggre pernah berkunjung ke blog tetangga dan juga pernah melihat gambar berputar putar saat di dekati cursor untik demonya coba lihat demonya disini

Untuk cara membuat nya ikuti tutorial nya

1. Login ke blogger
2. masuk ke rancangan
3. Lalu pilih Edit HTML jangan lupa download lengkap dulu telplate nya takut ada kesalahan
4. Lalu cari kode ]]></b:skin> lalu masukkan kode css di bawah ini tepat di atas nya
.berputar img{ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .berputar img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
5. Lalu Save templ`template

Nah untuk pasang script di postingan gunakan sesuai keinginan berikut kode script

<div class="berputar"><img alt="yahoo" src=" Url gambar "/> </div>

Oke slamat mencoba kalau ada kesulitan masukkan komentar yach....