CSS Border Radius Generator
Creates CSS border-radius code for rounded corners.
Lilu Baba's CSS Border Radius Generator lets you set each corner independently, with an instant live preview of the rounded shape.
How to use this tool
- Set each corner's radius independently.
- The CSS border-radius code and live preview update instantly.
FAQ
CSS Border Radius Generator — frequently asked questions
Yes — set all four corners to 50% of the element's width/height (or a very large px value) to create a circle or pill shape.
This generator uses pixel values; edit the generated code to use percentages if needed.