MenusLesson 37Preview gratis
Hover Dropdowns
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Menu Tarik Turun Berbasis Hover (Hover Dropdown Menu) menggunakan HTML dan CSS murni tanpa memerlukan JavaScript. Menu ini memunculkan kotak daftar pilihan secara otomatis saat kursor pengguna melayang di atas tombol pemicu.
Poin kunci
- Wadah tombol dan dropdown menggunakan position: relative dan display: inline-block
- Daftar menu (.dropdown-content) diberi position: absolute dan display: none secara default
- Pseudo-class :hover pada wadah (.dropdown:hover .dropdown-content) mengubah display menjadi block
- Menambahkan box-shadow elegan dan z-index tinggi agar menu melayang rapi di atas konten lain
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.