MenusLesson 27Preview gratis
Bottom Border Nav Links
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas efek garis batas bawah pada tautan navigasi (Bottom Border Nav Links). Desain minimalis dan modern ini tidak menggunakan warna blok latar belakang penuh saat hover, melainkan menampilkan garis bawah berwarna kontras (border-bottom) yang elegan saat kursor melayang di atas tautan.
Poin kunci
- Menghilangkan warna latar belakang blok untuk menghasilkan tampilan modern yang bersih
- Menerapkan border-bottom transparan pada keadaan normal untuk mencegah getaran layout (layout shift)
- Mengubah warna border-bottom (contoh: 3px solid #04AA6D) saat tautan di-hover atau aktif
- Memberikan estetika profesional yang banyak digunakan di situs korporat dan teknologi
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.