Border Radius Generator
Shape each corner independently and copy the shorthand.
Loading tool…
About this tool
Sets a uniform radius or four different corners, with a live preview and the CSS to copy.
Questions
- Why does my rounded corner look wrong on one side?
- Rounded corners need a full border. Applying a radius alongside a single-sided border produces an odd result on the unbordered edges.
Privacy
This page does its work in your browser. What you paste is processed by JavaScript running on your own device and is never sent to a DevToolery server — there is no server that could receive it. The page itself is a static file delivered by a CDN. See exactly what is stored.