KLOORACSS Border Radius Generator
Round the corners of a box with sliders and copy the border-radius CSS.
Quick answer: CSS Border Radius Generator: Round the corners of a box with sliders and copy the border-radius CSS. Everything runs in your browser, so nothing you enter is uploaded or stored.
How to use CSS Border Radius Generator
- Open the tool and enter your input.
- Adjust the options and watch the result update.
- Copy or download what you need.
Features
- Free, no signup
- Runs in your browser, nothing is uploaded
- Works on phone and desktop
- No watermark
Frequently asked questions
How does the border-radius shorthand work?
Four values set the top-left, top-right, bottom-right and bottom-left corners, in that order.
How do I make a circle?
Use a square box and set the radius to 50 percent.
Can I use percentages?
Yes. Choose percent to make the shape scale with the box.
Is the CSS Border Radius Generator free?
Yes. It is free, needs no signup and works on any device.