⬭
CSS Border Radius Generator
Dial in rounded corners with per-corner sliders and a live preview, then copy the border-radius CSS.
border-radius: 20px;🔒 This tool runs entirely in your browser. Your data is never uploaded.
Frequently asked questions
Can I set each corner independently?＋
Yes — control all four corners individually and watch the shape update live.
How do I make a circle or pill shape?＋
Use large or percentage radii. 50% on every corner of a square makes a circle, and a large radius on a wide box makes a pill.
Does it output plain CSS?＋
Yes — copy the border-radius value straight into your stylesheet.