CSS Border Radius Generator

Create CSS border-radius shapes visually. Control all 8 radius values independently for blobs and organic shapes.

50%

50%

50%

50%

All Corners

All corners

CSS Output

border-radius: 50%;

Presets

About border-radius

The CSS border-radius property accepts up to 8 values — horizontal and vertical radius per corner. Use the slash / notation to set them independently and create blob shapes.