<?xml version="1.0" encoding="UTF-8"?>
<feature id="clip-path"><name>clip-path</name><description>The clip-path CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden.</description><group>clipping-shapes-masking</group><group_name>Clipping, shapes, and masking</group_name><baseline><status>widely</status><low_date>2021-01-21</low_date><high_date>2023-07-21</high_date></baseline><support><browser name="chrome" version="88" supported="true"></browser><browser name="firefox" version="71" supported="true"></browser><browser name="safari" version="13.1" supported="true"></browser><browser name="edge" version="88" supported="true"></browser><browser name="chrome_android" version="88" supported="true"></browser><browser name="firefox_android" version="79" supported="true"></browser><browser name="safari_ios" version="13" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-masking-1/#the-clip-path</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/SVGClipPathElement</mdn_url><compat_features><key>api.SVGClipPathElement</key><key>api.SVGClipPathElement.clipPathUnits</key><key>api.SVGClipPathElement.transform</key><key>css.properties.clip-path</key><key>css.properties.clip-path.basic_shape</key><key>css.properties.clip-path.html_elements</key><key>css.properties.clip-path.path</key><key>css.properties.clip-path.svg_elements</key><key>svg.elements.clipPath</key><key>svg.elements.clipPath.clipPathUnits</key><key>svg.elements.clipPath.systemLanguage</key><key>svg.global_attributes.clip-path</key></compat_features><canonical_url>https://nowyoucanuse.com/features--clip-path.html</canonical_url></feature>