Generator CSS Border Radius — Sudut Membulat

CSS border-radius adalah salah satu properti CSS yang paling sering digunakan — dari kartu dengan sudut sedikit membulat hingga lingkaran penuh. Generator memungkinkan kontrol setiap sudut secara independen.

Sintaks Border Radius

Shorthand: border-radius: tl tr br bl (searah jarum jam). Kontrol penuh: border-top-left-radius: x y untuk sudut eliptis.

Penggunaan Umum

• Membulat sedikit (4–8px): kartu, tombol
• Membulat banyak (16–24px): modal, tag
• Pill shape (50vw): capsule buttons
• Lingkaran penuh (50%): avatar, ikon