MenusLesson 21Preview gratis
Hover Sidenav Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Tombol Bilah Samping Mengambang (Hover Sidenav Buttons). Kumpulan tombol navigasi disembunyikan sebagian di luar batas tepi kiri layar dan akan meluncur keluar secara dinamis saat kursor mouse melayang di atasnya.
Poin kunci
- Tombol diberi position: fixed dengan nilai left negatif (contoh: left: -80px)
- Saat di-hover (:hover), properti left bertransisi menjadi 0px sehingga tombol meluncur penuh
- Menerapkan pewarnaan latar belakang yang berbeda untuk setiap kategori tombol (Blog, Proyek, Kontak)
- Memberikan akses pintas cepat ke halaman populer tanpa memakan ruang visual halaman
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.