Efek Rotasi 360 Derajat

Pasang efek ini di blogmu.

Masuk ke EDIT HTML.
Copas kode berikut di atas ]]></b:skin>

.simplerotate{
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

.simplerotate:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

Klik Save.

Untuk Percobaan, copas kode berikut di HTML/Javascript atau di postingan baru.

<img border="0" class="simplerotate" original="http://icons.iconarchive.com/icons/hydrattz/multipurpose-alphabet/128/Letter-S-grey-icon.png" src="http://icons.iconarchive.com/icons/hydrattz/multipurpose-alphabet/128/Letter-S-grey-icon.png" style="display: inline;" />

Keterangan:
Ganti kode warna merah dengan url gambar anda.