Gerador gratuito de raio de borda CSS on-line
Visually create rounded corners and copy the CSS.
20
20
20
20
Presets
How to Use
- Drag the sliders to adjust each corner's radius.
- Enable Link all corners to change all at once.
- Choose a unit (px, %, rem, em).
- Click Copy CSS to copy the property to your clipboard.
Frequently Asked Questions
How do I make a circle?
Set all corners to 50% (use the "Circle / Pill" preset). For a perfect circle, apply it to a square element.
What's the maximum radius?
The slider goes up to 100. For px, that's 100px. For %, 100% means fully round on that corner. You can change the unit to suit your design.