tHomBloG: Membuat Efek Zoom pada Gambar Postingan

Home | Template | Rekor | Hak Cipta

Membuat Efek Zoom pada Gambar Postingan

Cara membuat efek zoom pada gambar di posting blogger, sangat gampang. Hasilnya seperti yang kamu nikmati di blog ini. Setiap kali mouse lewat suatu gambar, dengan sendirinya efek zoom itu akan bekerja.

Langsung saja copy kode di bawah ini. Pastekan pada elemen html baru sidebar kamu. Kalau template blog kamu biasa-biasa saja (artinya bukan yang sangat canggih), efek ini akan berfungsi. Kalau ternyata tidak berfungsi, beritahu saya via email ke masdriyo@gmail.com.

<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:#FF0000; -o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px); -moz-transform:rotate(10deg) scale(1.4) translate(5px,-3px); -webkit-transform:rotate(10deg) scale(1.4) translate(5px,-3px); } </style> <a href='http://indo-template-blogger.blogspot.com/2011/02/membuat-efek-zoom-pada-gambar-postingan.html' title='cara membuat efek zoom pada gambar postingan'><span style='display:none'>pembuat template blogger khas indonesia, banner anti korupsi dan tutorial blog</span><span style='background:blue;font-size:80%;padding:3px'>Zoom by tHomBloG</span></a>

tag css, tutorial | judul Membuat Efek Zoom pada Gambar Postingan