[css-shapes-2] Support interpolation between shape() and path()
Categories
(Core :: CSS Transitions and Animations, enhancement)
Tracking
()
People
(Reporter: boris, Assigned: boris)
References
(Blocks 1 open bug, )
Details
Attachments
(2 files)
Per https://drafts.csswg.org/css-shapes-2/#interpolating-shape, we have to support the interpolation between shape() and path().
|
Assignee | |
Updated•3 months ago
|
|
|
Assignee | |
Updated•2 months ago
|
|
|
Assignee | |
Comment 1•2 months ago
|
||
Use this as a wrapper for path() and shape(), so it'd be easier to
specialize its Animate trait.
|
|
Assignee | |
Comment 2•2 months ago
|
||
Basically, we implement Animate for PathOrShapeFunction manually
when either from or to value is path() function, and the other one
is shape() function.
|
||
Updated•2 months ago
|
Pushed by bchiou@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/92a8f9a2649b Introduce PathOrShapeFunciton for path() and shape(). r=firefox-style-system-reviewers,zrhoffman https://hg.mozilla.org/integration/autoland/rev/f166629708eb Implement interpolation between path() and shape(). r=firefox-style-system-reviewers,zrhoffman
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/45416 for changes under testing/web-platform/tests
|
||
Comment 5•2 months ago
|
||
| bugherder | ||
https://hg.mozilla.org/mozilla-central/rev/92a8f9a2649b
https://hg.mozilla.org/mozilla-central/rev/f166629708eb
|
||
Comment 6•2 months ago
|
||
:boris could you consider nominating this for a release note? (Process info)
We could include it in the nightly release notes.
Upstream PR merged by moz-wptsync-bot
|
|
Assignee | |
Comment 8•2 months ago
|
||
Release Note Request (optional, but appreciated)
[Why is this notable]: We support the interpolation between path() and shape(). This makes us easier to create CSS Animations for shape() together with path(), which has been used for years.
[Affects Firefox for Android]: Yes
[Suggested wording]: Support interpolation between path() function and shape() function.
[Links (documentation, blog post, etc)]:
https://drafts.csswg.org/css-shapes-2/#interpolating-shape
|
|
||
Comment 9•2 months ago
|
||
Thanks, added to the Fx126 nightly release notes, please allow 30 minutes for the site to update.
Keeping the relnote-firefox flag as ? to keep it on the radar for inclusion in the final Fx126 release notes.
|
|
||
Updated•1 month ago
|
Description
•