Border Radius Generator
Set each corner's border radius independently and see the shape update live, then copy the CSS.
Link all corners
Common questions
What's the difference from just setting one border-radius value?
A single value rounds all four corners equally. This tool lets you set each corner independently, useful for effects like a card with only its top corners rounded, or an asymmetric "blob" shape.
What units does this use?
Pixels. If you need percentage-based radii (for perfect circles/ellipses regardless of element size), you'd adjust the generated CSS manually, swap px for % on each value.
Is this sent anywhere?
No, the preview and CSS are generated entirely in your browser. Nothing is uploaded.