ImagesLesson 68Preview gratis
Image Overlay Zoom
Lesson ini bagian dari How To · Semua level
Ringkasan
Image overlay zoom menggabungkan perbesaran gambar dengan munculnya lapisan informasi saat hover. Gambar diperbesar memakai transform scale, sementara overlay muncul lewat perubahan opacity. overflow: hidden pada kontainer mencegah gambar yang diperbesar keluar dari batas kartu.
Poin kunci
- transform: scale(1.1) memperbesar gambar tanpa mengubah ukuran layout.
- overflow: hidden memotong bagian gambar yang keluar dari kontainer.
- transform-origin menentukan titik pusat perbesaran.
- Overlay dapat muncul bersamaan dengan efek zoom.
- Transition membuat perubahan skala dan opacity terasa halus.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.