Can I set each corner individually?

Yes. You can adjust top-left, top-right, bottom-right, and bottom-left corners individually.

Are elliptical border-radius values supported?

Yes. Horizontal and vertical values can be set independently.

Yes. Copy the code and paste it directly into your CSS file.

All processing happens in the browser. No data is sent to a server.

Yes, both px and percentage values are supported. Setting 50% produces a circle, which you can verify in the live preview.

Set corner radii individually with sliders. Supports px/em/rem/% units. Link mode sets all corners at once.

Unit

Link corners

Top Left

Top Right

Bottom Left

Bottom Right

Preview

CSS Output

border-radius: 8px;

Can I set each corner individually?: Yes. You can adjust top-left, top-right, bottom-right, and bottom-left corners individually.
Are elliptical border-radius values supported?: Yes. Horizontal and vertical values can be set independently.
Can the generated CSS be used as-is?: Yes. Copy the code and paste it directly into your CSS file.
Is my data sent to a server?: All processing happens in the browser. No data is sent to a server.
Can I specify border-radius as a percentage?: Yes, both px and percentage values are supported. Setting 50% produces a circle, which you can verify in the live preview.

Last Updated: 2026-02-21