Presets
Configuration
Top Left Corner
30%
30%
Top Right Corner
70%
30%
Bottom Right Corner
70%
70%
Bottom Left Corner
30%
70%
Live Preview
Generated CSS
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
About the 8-Value Syntax
CSS border-radius can accept up to 8 values. The values before the slash define the horizontal radii, and values after the slash define the vertical radii. This allows for asymmetric corners that create fluid, organic shapes.