ButtonsLesson 108Preview gratis
Pill Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Pill button adalah tombol dengan ujung sepenuhnya membulat sehingga bentuknya menyerupai kapsul. Efek ini dicapai dengan border-radius yang sangat besar, misalnya 999px. Pill button sering dipakai untuk tag, filter, dan ajakan bertindak yang ingin terlihat ramah.
Poin kunci
- border-radius yang sangat besar membuat ujung tombol membulat penuh.
- Padding horizontal lebih lebar memberi ruang pada teks.
- Gaya pill dapat diterapkan pada button maupun anchor.
- Efek hover dan focus-visible tetap diperlukan untuk umpan balik.
- Pastikan tinggi tombol cukup agar area klik nyaman digunakan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.