So far clip-path only supported other basic shapes (circle, ellipse, polygon, url). This adds support for path() as a value as specified in https://drafts.csswg.org/css-shapes-1/#funcdef-path, for example: clip-path: path(oddeven, 'M 5 5 h 100 v 100 Z') would clip the element with a triangle.
The path() function, as used in clip-path, allows specifying SVG-style paths for clipping. Without it, the user has to do one of the following: - create an additional SVG component and add a reference to it as the clip-path (cumbersome) - Use a polygon for the clip-path (doesn't support all path features, such as arcs).
Samples: https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
Explainers: https://drafts.fxtf.org/css-masking-1/#the-clip-path https://drafts.csswg.org/css-shapes-1/#funcdef-path