CSS Border Radius Generator
Create custom border-radius values with independent control over each corner. Preview live and copy the CSS.
All corners linked
16%
16%
16%
16%
16%
Quick Presets
About CSS Border Radius Generator
The border-radius property rounds the corners of an element. You can set each corner independently to create unique shapes like pills, leaves, and organic forms.
How It Works
Values are expressed as percentages. At 50%, a square element becomes a circle. You can toggle linked mode to adjust all corners together, or unlink them for independent control.