Border Radius Generator

Use the shorthand: TL TR BR BL (clockwise from top-left). When values repeat, CSS can simplify: 10px = all corners, 10px 20px = TL/BR and TR/BL.

Create elliptical corners with horizontal/vertical values separated by /. Example: border-radius: 50px 20px / 20px 50px creates unique shapes.

Use % for responsive borders. 50% creates a circle/ellipse on any sized element. Great for profile pictures and avatars.

For pill shapes, use a value larger than half the height (like 9999px). Mix different corner values to create organic blob shapes.