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

Judul Artikel :Cara membuat gambar berputar dengan kode css

Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara membuat gambar berputar dengan kode css Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih