CSS Border-Radius Generator
Rounded corners without trial and error
The generator builds the border-radius property visually. Set each corner individually and see the result instantly in the preview. Handy for buttons, cards and images.
- Four corners: The CSS order is top-left, top-right, bottom-right, bottom-left.
- Units: px for fixed radii, % for relative ones (50% turns a square into a circle).
- Live preview: Shows the rounding on a sample element.