Border Radius Generator
Create CSS for independent corner radii and preview the shape.
Processing stays in your browser. CSS may scale corner radii when their sums exceed the box dimensions. Check the shape in your actual layout.
How to use the border radius generator
Create CSS for independent corner radii and preview the shape. Complete the top left (px), top right (px), bottom right (px), bottom left (px) fields above. Choose Run tool, review the output and visual preview where available, then copy or download the result.
Example
16, 48, 16, 48 creates alternating rounded corners.
Good to know
CSS may scale corner radii when their sums exceed the box dimensions. Check the shape in your actual layout.