Membuat Efek Berputar Gambar

Tulisan Share ini bersumber dari efek jalan jalan bil silaturahmi dengan OrdinaryBlog ada postingan lucu nan tidak terlalu musmet banget. Penggunaannya menggunakan CSS tahu kan pa itu CSS ?. Langsung Saja posting ini digunakan sebagai aksesories untuk penambahan perbendaharaan ide yaitu membuat gambar berputar ketika didekati kursor
Expample :

Sudah liat hasilnya kan. Tertarik. Lanjut ke cara pemasangannya.

• Login Blog - menjuju ke Design - Edit HTML
• Cari Scrip ]]></b:skin> ( CTRL + F )
• Tempatkan kode CSS berikut diatas ]]></b:skin>
p#efekberputar img{ /* untuk efek berputar 360deg ketika dilewati cursor dan ditinggal */
-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;
}
p#efekberputar img:hover{ -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
• Gunakan Scrip Berikut untuk mengaktifkan efek putaran
<p id="efekberputar">
<img border="0" src="Url Gambar" />
</p>

---

Penggunaan Url gambar bisa upload gambar Via Photobucket

Semoga menambah perbendaharaan ide dan menjadikan isnspirasi penciptaan baru