ButtonsLesson 99Preview gratis
Outline Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Outline button adalah tombol dengan latar transparan dan garis tepi berwarna. Gaya ini cocok untuk aksi sekunder karena terlihat lebih ringan daripada tombol berisi penuh. Saat kursor diarahkan, latar biasanya terisi warna dan teks berubah menjadi putih agar interaksinya terasa jelas.
Poin kunci
- Outline button memakai background transparan dan border berwarna.
- Saat hover, background diisi warna dan warna teks disesuaikan agar tetap kontras.
- Gaya ini cocok untuk aksi sekunder atau tombol alternatif.
- border-radius dan padding membuat bentuk tombol tetap nyaman digunakan.
- Sertakan focus-visible agar pengguna keyboard tahu tombol mana yang aktif.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.