CSS Corner Shapes
The experimental corner-shape property enables superellipse curves in CSS, allowing you to create smooth, visually pleasing shapes beyond standard rounded corners. Read more on MDN →
border-radius: 50.0%;corner-shape: squircle;Button Examples
See how different corner shapes transform button appearances. Each button uses the same large border-radius but with different corner-shape values.
border-radius: 999px;border-radius: 999px;corner-shape: squircle;border-radius: 999px;corner-shape: superellipse(1.25);