RESOLVED FIXED 222295
[scroll-animations] implement Scroll-driven Animations (scroll-timeline / view-timeline / animation-timeline) 
https://bugs.webkit.org/show_bug.cgi?id=222295
Summary [scroll-animations] implement Scroll-driven Animations (scroll-timeline / vie...
Bramus
Reported 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
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-03-01 16:43:18 PST
<rdar://problem/74898908>
Antoine Quint
Comment 3 2022-09-30 02:29:10 PDT
<rdar://problem/100595760>
Bramus
Comment 4 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.
Luke Deen Taylor
Comment 5 2023-06-29 12:18:06 PDT
Note this feature will ship in Chrome 115 on July 12
Antoine Quint
Comment 6 2025-03-03 21:47:01 PST
Development work on this feature is now complete and the remaining work is generally just tracking individual bugs. We can close this. For anyone watching this bug, please test against the latest Safari Technology Preview and report issues you may find on bugs.webkit.org.
Paul DeMarco
Comment 7 2025-03-28 19:02:51 PDT
(In reply to Antoine Quint from comment #6) > Development work on this feature is now complete and the remaining work is > generally just tracking individual bugs. We can close this. For anyone > watching this bug, please test against the latest Safari Technology Preview > and report issues you may find on bugs.webkit.org. I just tried out the latest Safari Technology Preview with some of the demos at: https://scroll-driven-animations.style/ It does feel a little less smooth than Chrome. For this demo: https://scroll-driven-animations.style/demos/cover-flow/css/ "Add jank" is not supposed to effect the animation since these shouldn't be running on main thread, yet it freezes up in Safari Tech Preview. Are these in fact running on the compositor?
Note You need to log in before you can comment on or make changes to this bug.