← Back to release summary

Support offset-path: shape()

Category

CSS

Type

Chromium catches up

Status

Proposed (Chrome Proposed)

Intent stage

None

• Breaking change: No
• Enterprise impact: None
• Chromium flag: CSSShapeFunctionOffsetPath
• Spec maturity: Working draft
• Web Platform Tests: Yes

Summary

Support offset-path: shape(), to allow using responsive shapes to set the animation path.

Standards & signals

• Specification: https://drafts.csswg.org/css-shapes-2/#shape-function
• Firefox: No signal
• Safari: Shipped/Shipping
• Web developers: No signals
• Tracking bug: https://issues.chromium.org/issues/389713717

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=support-offset-path-shape
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Support%20offset-path%3A%20shape()
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Support%20offset-path%3A%20shape()
• Baseline status: https://webstatus.dev/?q=Support%20offset-path%3A%20shape()

View on chromestatus.com