<?xml version="1.0" encoding="UTF-8"?>
<feature id="shape-function"><name>shape()</name><description>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.</description><group>clipping-shapes-masking</group><group_name>Clipping, shapes, and masking</group_name><baseline><status>newly</status><low_date>2026-02-24</low_date></baseline><support><browser name="chrome" version="135" supported="true"></browser><browser name="firefox" version="148" supported="true"></browser><browser name="safari" version="18.4" supported="true"></browser><browser name="edge" version="135" supported="true"></browser><browser name="chrome_android" version="135" supported="true"></browser><browser name="firefox_android" version="148" supported="true"></browser><browser name="safari_ios" version="18.4" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-shapes-1/#shape-function</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/basic-shape/shape</mdn_url><compat_features><key>css.types.basic-shape.shape</key></compat_features><canonical_url>https://nowyoucanuse.com/features--shape-function.html</canonical_url></feature>