ImagesLesson 67Preview gratis
Image Overlay Slide
Lesson ini bagian dari How To · Semua level
Ringkasan
Image overlay slide memunculkan panel teks dengan cara menggesernya dari bawah gambar. Panel dimulai di luar area terlihat menggunakan transform translateY(100%), lalu bergerak ke posisi semula saat hover. overflow: hidden pada kontainer memastikan panel tidak tampak sebelum waktunya.
Poin kunci
- Overlay diposisikan absolute di bagian bawah kontainer.
- transform: translateY(100%) menyembunyikan panel di bawah gambar.
- Kontainer memakai overflow: hidden agar panel tersembunyi rapi.
- Saat hover, transform diubah menjadi translateY(0).
- Transition pada transform menghasilkan gerakan slide yang mulus.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.