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.
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-shapeis essentially an extension of the idea ofborder-radiusthat would allow for other corner shapes. Right now the list includesround,angleandnonebut might in the future includenotch,scoop,squircle, etc. These shapes would be combine-able . i.e.corner-shape: none angle round notch;and would use aborder-radiuslike syntax for describing acorner-sizeincluding the existing slash notation.A paintAPI demo of the general idea: https://jsnkuhn.github.io/corner-shape/