Free Online Border Radius Generator

1. Adjust the slider for each corner.
2. Watch the live preview update.
3. Read the generated `border-radius` value below.
4. Click Copy to send the CSS to your clipboard.

`border-radius` accepts up to four values (one per corner, clockwise from the top-left) and can take a slash-separated second set for elliptical corners. Interesting shapes — speech bubbles, asymmetric pills, soft squares, leaf shapes — come from picking the right four (or eight) values rather than from any special property.

This generator gives each corner its own slider and shows the result on a sample element. The output is the shortest equivalent CSS: one value if all four corners match, two values if they pair up across the diagonal, four values otherwise. Useful for designing card edges, button shapes, and avatar masks.