MoreLesson 219Preview gratis
Parallax
Lesson ini bagian dari How To · Semua level
Ringkasan
Parallax adalah efek kedalaman saat latar belakang bergerak lebih lambat daripada konten di depannya. Implementasi CSS yang paling sederhana memakai background-attachment: fixed pada bagian dengan gambar latar. Efek ini harus dipakai secukupnya karena dapat mengganggu kenyamanan dan membebani performa di perangkat tertentu.
Poin kunci
- background-attachment: fixed membuat gambar latar diam terhadap viewport
- background-size: cover memastikan latar memenuhi area tanpa distorsi
- Efek parallax berlebihan dapat menyebabkan motion sickness
- Sediakan fallback dan hormati prefers-reduced-motion
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.