Control each corner of a CSS border-radius independently — from sharp square to full circle to organic blob shapes. Adjust all four corners visually and copy the shorthand CSS instantly.
The CSS border-radius property accepts up to four values in shorthand (top-left, top-right, bottom-right, bottom-left — clockwise). A single value applies to all corners; two values set top-left/bottom-right and top-right/bottom-left pairs. The / syntax enables elliptical radii — e.g. 50% / 30% creates an oval. Setting all corners to 50% on an element with equal width and height produces a perfect circle. Organic blob shapes use asymmetric elliptical radii on all four corners — a technique popularized in modern UI design for illustration and decorative elements.