Efek Zoom Gambar Berputar

15 Juli 2012
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.
Postingan ini dilengkapi fasilitas pengaturan jenis dan ukuran font.
Pilih dan atur sesuai selera agar nyaman di mata. Terima Kasih.

7 komentar :

Random Post

Back to top

Sugeng

Selamat
Hari

Have
a nice day

~mars~