CSS Border Radius Generator
Shape rounded corners, pills and organic blobs, and copy the CSS.
● Your files are processed locally in your browser and are not uploaded to our servers.
How it works
Each slider sets one corner. In percent, 50% on every corner makes a circle or ellipse; uneven percentages create organic “blob” shapes.
FAQ
What does the shorthand order mean?
border-radius: top-left top-right bottom-right bottom-left — clockwise from the top left.