CSS Border Radius Generator
Create CSS border radius values visually with live preview.
border-radius: 16px;What is CSS Border Radius?
The CSS border-radius property rounds the corners of an element. You can set a single value for all corners, or specify each corner independently for unique shapes. Use pixel values for fixed rounding or percentage values for shapes relative to the element size.
How to Use
Adjust the sliders to set the border radius for each corner. Toggle between linked (all corners equal) and independent mode. Switch between px and % units. Try the presets for common shapes like circles, pills, and leaves, then copy the generated CSS code.