Clavin @cla.vin · Aug 31

Excited that the new `corner-shape` CSS property is bringing smooth curvature to the web! However, it makes `border-radius` feel less natural to use :( These three boxes have different corner shapes, yet they share the same `border-radius`:

2 likes 1 replies

?

Replies

Clavin · Aug 31

You can sort of visually estimate your way around this, and there is an exact mathematical solution to the problem. But it's not trivial to derive the equation, nor is it straightforward to introduce `corner-shape` to existing designs :(