Border Radius Generator
Set each corner radius with sliders, preview the shape and copy the border-radius CSS. Runs in your browser.
CSS
border-radius: 16px 16px 16px 16px;Advertisement
About this tool
Round each corner independently with a live preview and copy the border-radius CSS.
Common use cases
- Design a custom rounded shape
- Create an organic blob with uneven corners
- Copy exact border-radius values