MenusLesson 20Preview gratis
Off-Canvas Menu
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Menu Off-Canvas (Off-Canvas Sidebar Push Content). Berbeda dengan overlay biasa yang sekadar menimpa di atas konten, menu off-canvas secara elegan mendorong konten halaman utama ke samping saat sidebar terbuka.
Poin kunci
- Membuka sidebar dengan mengubah lebar #mySidenav menjadi 250px
- Mendorong konten utama dengan mengatur margin-left #main menjadi 250px
- Menerapkan CSS transition pada kedua elemen agar bergerak sinkron dan serempak
- Dapat menambahkan efek peredupan latar belakang (dark overlay) pada area konten yang terdorong
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.