Efek Zoom Gambar Berputar

12 Januari 2016
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>



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

Random Post

INFO SEHAT

Back to top

Sugeng

Selamat
Hari

Have
a nice day

~mars~