Generate CSS border-radius with per-corner control and live preview
CSS Tools
Tool
CSS
border-radius: 16px;
How to Use
1Drag sliders to set radius for each corner independently
2Toggle 'Link All' to set all corners at once
3Copy the generated CSS code
Frequently Asked Questions
The CSS border-radius property rounds the corners of an element's outer border edge. You can specify a single radius for all corners or individual values for each.
Yes. This tool lets you control top-left, top-right, bottom-right, and bottom-left independently.