Border Radius Generator
Create CSS border radius values visually. Link or unlink corners for individual control.
border-radius: 16px;
Top Left
16px
Top Right
16px
Bottom Left
16px
Bottom Right
16px
CSS border-radius Property - Technical Details
The border-radius property rounds the corners of an element's outer border edge. You can specify one radius for all corners, or different values for each corner using the longhand properties.
Command-line Alternative
.card {\n border-radius: 16px 16px 8px 8px;\n}\n\n.blob {\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n}