Adjust corner radii in a visual preview and copy the resulting CSS border-radius value.
The CSS border-radius property rounds the corners of an element. It accepts one to four values for individual corners and can use pixels or percentages.
Linking corners keeps a consistent shape, while elliptical mode lets horizontal and vertical radii differ. Presets provide common shapes such as circles and pills, and the preview shows the generated declaration.
Use the controls to create rounded buttons, cards, avatars and other interface shapes, then copy the CSS.