Бесплатный генератор радиуса границ CSS онлайн

Visually create rounded corners and copy the CSS.

No data leaves your device
20
20
20
20

Presets

How to Use

  1. Drag the sliders to adjust each corner's radius.
  2. Enable Link all corners to change all at once.
  3. Choose a unit (px, %, rem, em).
  4. 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.

Related Tools

Box Shadow Generator CSS Gradient Generator CSS Minifier