⚡UtilVox
check_box_outline_blank

Border Radius Generator

Visually design and export precise CSS border-radius properties.

Viewport
drag_pan
codeGENERATED CSS
.custom-shape {
  width: 300px;
  height: 300px;
  border-radius: 24px;
  /* Legacy Browser Support */
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
}

Common Patterns

Leaf
100% 0 100% 0
Organic
30% 70% 70% 30% / 30% 30% 70% 70%
Shield
50% 50% 0 0
Wedge
0 100% 0 0

Technical Reference