MenusLesson 47Preview gratis
Curtain Menu
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Menu Tirai Penuh (Curtain Menu / Expanding Curtain Navigation). Menu ini membuka lapisan navigasi layar penuh dengan animasi dramatis seolah membuka tirai panggung, membentangkan lebar elemen dari 0% hingga 100% dengan teks navigasi besar di tengah layar.
Poin kunci
- Overlay tirai menggunakan position: fixed, height: 100%, width: 0%, dan z-index tinggi
- Membuka menu dengan menyetel style.width = "100%" melalui JavaScript
- Menerapkan CSS transition: width 0.5s untuk animasi membuka tirai yang megah
- Menutup tirai dengan mengembalikan style.width = "0%" saat tombol silang atau tautan diklik
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.