WebKit
CSS Corner-shape
WebKittens
No response
Title of the spec
CSS corner-shape
URL to the spec
https://drafts.csswg.org/css-borders-4/
URL to the spec's repository
No response
Issue Tracker URL
No response
Explainer URL
No response
TAG Design Review URL
No response
Mozilla standards-positions issue URL
https://github.com/mozilla/standards-positions/issues/823
WebKit Bugzilla URL
No response
Radar URL
No response
Description
corner-shape is essentially an extension of the idea of border-radius that would allow for other corner shapes. Right now the list includes round, angle and none but might in the future include notch, scoop, squircle, etc. These shapes would be combine-able . i.e. corner-shape: none angle round notch; and would use a border-radius like syntax for describing a corner-size including the existing slash notation.
A paintAPI demo of the general idea: https://jsnkuhn.github.io/corner-shape/
We think that corner-shape will be useful to allow for bevel, and superellipse (aka squircle), but we believe that more complex corner shapes are best handled with some future border-shape or element-shape property using the shape() function.
