Bug 222295 - Implement scroll-driven animations (scroll-timeline / view-timeline / animation-timeline)
Summary: Implement scroll-driven animations (scroll-timeline / view-timeline / animati...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2021-02-22 16:42 PST by Bramus
Modified: 2023-09-22 09:37 PDT (History)
19 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Bramus 2021-02-22 16:42:49 PST
Implement the @scroll-timeline at-rule and animation-timeline property. See spec https://drafts.csswg.org/scroll-animations-1/

Relevant bugs from other vendors:
- Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=1023424 (Already available, behind a flag, in Chromium 89+)
- Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1676780
Comment 1 Radar WebKit Bug Importer 2021-03-01 16:43:18 PST
Comment 3 Antoine Quint 2022-09-30 02:29:10 PDT
Comment 4 Bramus 2022-09-30 07:10:20 PDT
Note that the spec has been updated since originally filing this issue. The gist is that @scroll-timeline at-rule is out of the picture, and has been replaced by many scroll-timeline and view-timeline properties.

Spec: https://drafts.csswg.org/scroll-animations-1/

The editors have recently asked the spec to move to FPWD, which should happen some time during the next few weeks.
Comment 5 Luke Deen Taylor 2023-06-29 12:18:06 PDT
Note this feature will ship in Chrome 115 on July 12