Efek Zoom Gambar Berputar

Ini adalah trik untuk membuat gambar di postingan akan berputar jika tersentuh mouse. Sahabat pasti pernah melihat gambar dalam postingan yang berputar saat tersentuh mouse. Berikut ini kode untuk memberikan efek tersebut.

<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>

Sahabat bisa menambahkan kode tersebut dalam postingan dan rasakan sensasinya. Selamat mencoba.

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.