Shape buttons, cards and images with rounded corners: set each corner on its own in px or %, or switch to blob mode for soft organic shapes made with the 8-value border-radius syntax. Copy the CSS when it looks right.
loading toolHow to make rounded corners
- Pick a preset or change the settings.
- Watch the live preview.
- Copy the CSS into your stylesheet.
Questions
How do I make a circle?
Set all corners to 50% on a square element.
What does the slash in a blob value mean?
Values before the slash set the horizontal radius of each corner and values after it the vertical radius, which makes the curves uneven and organic.
Is my data private?
Yes. Everything happens inside your own browser: nothing you type or choose is uploaded to us or anyone else.
Is it free?
Completely free, with no sign-up, no watermark and no limit on how many times you use it. Light ads keep the site running.
