Runs locally
CSS Radius
A border-radius declaration.
Ctrl+Enter runs. Ctrl+Shift+Backspace clears.
Export and import are available after you sign in. Sign in
A border-radius declaration. Runs in the browser. Nothing is uploaded.
About this tool
Round the corners of buttons, cards and images. Enter a radius such as 12px, 0.5rem or 50% and copy the CSS declaration.
How to use it
- 01
Enter the radius with a unit, for example 12px.
- 02
Review the declaration.
- 03
Copy it into your stylesheet.
FAQ
Frequently asked questions
How do I make a circle?
Use 50% on an element with equal width and height.
Which units are accepted?
px, rem and %.