Memperbesar Gambar Postingan

Jika Anda mengarahkan mouse pada gambar dibawah, maka gambar akan bergerak dan muter-muter serta menjadi lebih besar dari ukuran semula.

Cara membuat efek ini nggak rumit, yaitu ketika membuat postingan, kita tinggal  menambahkan kode di bawah ini di dalam postingan secara langsung.
<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>

Menempatkan kode sebaiknya pada bagian akhir postingan dan yang terpenting ketika memasukkan kode gunakan mode Edit HTML bukan yang Compose.

silahkan arahkan mouse anda ke gambar di bawah ini.
Asyiik kan ?

[bukan] Warning

Iseng-iseng belajar bikin gambar gif, nggak susak kok karena sudah ada program gif maker yang tersedia. Tinggal bagaimana kita menuangkan ide-ide yang lebih kreatif.

Tapi sapa tahu suatu saat saya bisa bikin anti virus yang paling joss, semoga amin