Re: [csswg-drafts] [css-borders-4] add "radius/corner-smoothing" option to `border-radius` for squircles/superellipse (#10653)

There is a fundamental difference in how corner-shape works with respect to the "radius smoothing" proposal: if you set a border-radius of 50px and a squircle corner-shape, the squircle curve will occupy a 50px x 50px area, thus producing a perceived radius that is much smaller than 50px. 

This causes two issues: falling back to a normal "circular" radius (for browsers that don't support corner-shape) will require some trickery to scale the border-radius value, and in general terms it won't fit the way "smooth corners" are used in vector design software where you set the radius and the smoothing without affecting the general look of the radius. 

Oh and it will prevent creating pill shaped rectangles with "smooth" corners, which is often used in controls and buttons.

-- 
GitHub Notification of comment by zpaolo11x
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10653#issuecomment-3723013432 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 8 January 2026 09:35:37 UTC