Efek Zoom Gambar Berputar

Berikut adalah kode untuk memberi efek zoom berputar pada gambar

<style type="text/css">
.post img { background:#aaa; border-radius:px; -moz-border-radius:px; -webkit-border-radius:px; -o-transition:all 1.2s ease-out; -moz-transition:all 1.2s ease-out; -webkit-transition:all 1.2s ease-out; } .post img:hover { z-index:99; background:#993300; border-color:#00000; -o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px); -moz-transform:rotate(360deg) scale(2) translate(1px,-3px); -webkit-transform:rotate(30deg) scale(2) translate(10px,-3px); }
</style>

Letakkan kode tersebut dalam postingan bergambar.
Kode memasang gambar dalam format HTML adalah sbb:

<center><img src="urlgambar" height="auto" width="300"></center>

Times New Roman Arial (default) Bookman Old Style Comic Sans Ms Courier Georgia Lucida Handwriting Monotype Corsiva Tahoma Trebuchet Ms Verdana 8 10 12 14 16 18 24

Postingan ini dilengkapi fasilitas pengaturan jenis dan ukuran font. Pilih dan atur sesuai selera agar nyaman di mata. Terima Kasih.