halo teman teman kembali lagi pada tutorial dumet school, kali ini kita akan coba membahas salah satu efek css yaitu hover, disini kita akan coba praktekan bagaimana cara membuat hover zoom pada gambar,

oke langsung saja teman-teman buat sebuah file dan ketikan script berikut:

Capture

jika sudah lalu teman teman save, disini saya meletakan gambar sejajar dengan file html yang saya buat,

sekarang kita mulai atur css nya, teman-teman ketikan script berikut :

Capture1

script di atas untuk mengatur si gambar agar ketika kita hover, gambar akan membersar atau (zoom) sengan skala yang telah saya atur , disini saya memberikan skala 1.25,, teman teman bisa mencoba untuk mengganti dengan skala yang lebih besar dan lihat hasilnya 🙂 selamat mencoba,, 🙂