Pada postingan sebelumnya tercela membahas masalah Cara Buat Efek Zoom Gambar Postingan dan sekarang tercela akan memberi tips bagaimana jika gambar terzoom dan berputar, caranya saat posting masukkan atau upload gambar dan tambahkan kode dibawah ini tapi ganti tampilan dari compose menjadi edit html.. Selamat mencoba.
<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>
Post a Comment