Design circular or elliptical CSS corners with individual radii, linked controls, percent/pixel units and live overlap scaling feedback.
This tool runs entirely in your browser. Inputs are not uploaded or saved, and previews use validated numeric/color settings without external services.
The CSS slash separates horizontal and vertical radii. Overlapping radii are proportionally reduced by the smallest side-to-adjacent-radii ratio. The preview scales the whole box to fit its frame.
Corner order is top left, top right, bottom right, bottom left. Percentages use width for horizontal radii and height for vertical radii. CSS scales overlapping radii proportionally; authored values are kept. Changing units keeps the entered numbers, without automatic conversion.
No. Settings stay in the current page. Only the site theme preference is stored. Exports happen only when you choose them.
