MenusLesson 19Preview gratis
Fullscreen Navigation
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Navigasi Lapisan Penuh (Fullscreen Overlay Navigation). Saat tombol menu diaktifkan, sebuah lapisan tirai menu transparan atau solid membentang 100% menutupi seluruh viewport layar dengan teks menu berukuran besar di tengah.
Poin kunci
- Overlay menggunakan position: fixed, width: 100%, height: 0%, dan z-index tinggi
- Membuka menu dengan mengubah height menjadi 100% (atau width dari 0% ke 100%)
- Konten tautan dipusatkan di tengah layar menggunakan position: relative dan top: 25%
- Menghadirkan pengalaman navigasi dramatis dan fokus pada aplikasi seluler maupun situs agensi
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.