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.

26 komentar :

  1. Pertama aku bingung kok gambar tidak berputar? E,,ternyata setelah gambar disentuh barulah berputar..hehe...asyik pak mars..

    BalasHapus
  2. Pak, blognya yang aktif yang mana je? Mars.net sudah lama gak di-update, ini juga agak lama gak update. Makin sibuk ya? :D

    BalasHapus
  3. Pak Mars ternyata juga mahir script CSS. Keren !

    BalasHapus
  4. Asiiiikk..ketemu di jalan Mawar No, 3 :)

    BalasHapus

Random Post

  • Taspen Anda
    06/04/2017 - 0 Comments
    Mau tau prediksi taspen Anda?. Tak perlu repot masukkan username dan password. Cukup diintip saja. Bahwa perkiraan nominal Taspen yg bakal kisanak terima adalah IDR.…
Back to top

Sugeng
Sare

Selamat
Hari Selasa

Have
a nice day

~mars~