Intent to Prototype: CSS shape() function

[Chromestatus]

Contact emails

nrose...@chromium.org

Explainer

None

Specification

https://drafts.csswg.org/css-shapes-2/#shape-function

Summary

shape() allows responsive custom shapes in CSS properties that accept a shape, such as clip-path or shape-outside. It lets the author define a series of commands, equivalent to the commands in path(), but where the commands accept responsive units (e.g. % or vw) rather than pixel-values. See https://drafts.csswg.org/css-shapes-2/#shape-function

Blink component

Blink>CSS

Motivation

None

Initial public proposal

None

TAG review

None

TAG review status

Not applicable

Risks

Interoperability and Compatibility

None

Gecko: No signal

WebKit: Positive (https://bugs.webkit.org/show_bug.cgi?id=238371) Safari is already implementing this

Web developers: No signals

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None

Debuggability

None

Is this feature fully tested by web-platform-tests?

No

Flag name on about://flags

None

Finch feature name

None

Non-finch justification

None

Requires code in //chrome?

False

Tracking bug

https://issues.chromium.org/issues/383513683

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5172258539307008?gate=6199769335332864

This intent message was generated by Chrome Platform Status.