demo · v134
shape()
shape() is a declarative geometry function for clip-path, with semantic command names like line, hline, vline, curve, close. Pick a preset or scrub the slider — the live tile reclips and the generated CSS updates.
probing CSS.supports("clip-path", "shape(...)")...
Try it
50%
generated CSS
see also
- CSS shape() function — feature index
- ChromeStatus entry
- CSS Shapes 2 spec — shape()