CSS Border Radius Generator
Generate border-radius CSS for rounded corners with a live preview. Free, runs in your browser.
Frequently asked questions
- In what order are the corners listed?
- Clockwise from the top-left: top-left, top-right, bottom-right, bottom-left.
- Can I make all corners equal quickly?
- Yes, the button copies the top-left value to the other three corners.
- Are percentages supported?
- This tool outputs pixels, but border-radius also accepts percentages and the slash syntax for elliptical corners.
- Is there a live preview?
- Yes, the box above the code shows the exact rounding as you type.
This tool runs entirely in your browser. No data is uploaded anywhere.