MEMBUAT GAMBAR BERPUTAR KETIKA MOUSE DIARAHKAN DENGAN CSS

Langsung aja yaa... Berikut kode CSS nya untuk membuat gambar atau foto diblog maupun website berputar ketika mouse diarahkan :

img:hover {
-o-transform:scale(1.2) rotate(360deg) translate(0px);
-moz-transform:scale(1.2) rotate(360deg) translate(0px);
-webkit-transform:scale(1.2) rotate(360deg) translate(0px);
-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;
-webkit-transition:all 1.5s ease ;
}

Khusus untuk pengguna Blogger silhakan paste kan kode berikut sebelum kode
]]>< /b:skin>

.post img:hover {
-o-transform:scale(1.2) rotate(360deg) translate(0px);
-moz-transform:scale(1.2) rotate(360deg) translate(0px);
-webkit-transform:scale(1.2) rotate(360deg) translate(0px);
-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;
-webkit-transition:all 1.5s ease ;
}

Hasilnya kira-kira seperti ini :





Terima kasih sudah menyempatkan diri untuk berkunjung, sekali lagi untuk kritik dan saran silahkan di komentar yaa.... :)