CSS Tools
Recently added
CSS Border Radius Generator
Adjust top-left, top-right, bottom-right, and bottom-left radii with a live preview.
Features
- Four-corner controls
- Live preview
- Copy CSS
How to use Border Radius
- 1Move the sliders.
- 2Copy the CSS declaration.
Examples
Soft card
Input16px all cornersOutput
border-radius: 16px 16px 16px 16px;
About Border Radius
CSS Border Radius Generator creates four-corner border-radius declarations with an interactive preview.
Frequently asked questions
This version outputs equal x/y radii per corner.
No.
Outputs the four-value border-radius shorthand.