cara membuat gambar berputar

cara membuat gambar berputar saat di sorot

caranya

1. Login ke blogger
2. Lalu klik design, lalu Edit HTML
3. Lalu masukan kode tag CSS dibawah ini sebelum kode pada Edit HTML
<style type="text/css"> #rotate img { opacity:0.4; transition:width 4s, height 4s; -moz-transition:width 4s, height 4s, -moz-transform 4s; /* Firefox 4 */ -webkit-transition:width 4s, height 4s, -webkit-transform 4s; /* Safari and Chrome */ -o-transition:width 4s, height 4s, -o-transform 4s; /* Opera */ } #rotate:hover img:hover { opacity:1; transform:rotate(360deg); -moz-transform:rotate(360deg); /* Firefox 4 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */ } </style>
4. Pada gambar kepunyaan Anda yang akan dibuat memutar, Anda harus menempatkan id="rotate" agar gambar tersebut menjadi berputar. Yaitu sebagai contoh:
   <a href="http://www.blogger.com/url%20tujuan" id="rotate"><img src="image.png" /></a> atau contoh lain:
   <div id="rotate">
   <a href="http://www.blogger.com/url%20tujuan"><img src="image.png" /></a></div>
   
5. Setelah Anda memasang id="rotate" pastikan Anda save. dan lihatlah hasilnya.