Newly Available
Clipping, shapes, and masking
id: shape-function
shape()
The
shape() CSS function creates shapes with a series of commands like line, move, and curve. It can be used with clip-path and shape-outside.
Baseline Status:
Achieved Newly Available on Feb 24, 2026 across core engines.
Desktop Browser Engine Support
Google Chrome
135
Supported
Mozilla Firefox
148
Supported
Apple Safari
18.4
Supported
Microsoft Edge
135
Supported
Mobile Browser Engine Support
Chrome Android
135
Firefox Android
148
Safari iOS
18.4
Specifications and References
MDN Browser Compat Data Keys: