222295 2021-02-22 16:42:49 -0800 [scroll-animations] implement Scroll-driven Animations (scroll-timeline / view-timeline / animation-timeline) 2025-04-22 07:02:22 -0700 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Unspecified Unspecified RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=263870 https://bugs.webkit.org/show_bug.cgi?id=265690 https://bugs.webkit.org/show_bug.cgi?id=263872 InRadar P2 Normal --- 263868 263869 263871 263873 264260 264407 264411 265302 265350 265668 265689 265782 265784 265786 265792 279253 279513 279710 279732 282750 282751 290671 1 bramus webkit-unassigned 709922234 adam andrew augus.dupin benoit.rouleau clord dev emilio eshin graouts graouts hakantapan25 hello jen123cruz123 johannes.odland kyle.bavender luke maggotfish mfishe mikaela.young18 nicolas paulmdemarco rik ryan sebastianzartner supersonicandtails tomac webkit-bug-importer woodlxf00 oldest_to_newest 1732377 0 bramus 2021-02-22 16:42:49 -0800 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 1734682 1 webkit-bug-importer 2021-03-01 16:43:18 -0800 <rdar://problem/74898908> 1902297 3 graouts 2022-09-30 02:29:10 -0700 <rdar://problem/100595760> 1902327 4 bramus 2022-09-30 07:10:20 -0700 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. 1964296 5 luke 2023-06-29 12:18:06 -0700 Note this feature will ship in Chrome 115 on July 12 2100195 6 graouts 2025-03-03 21:47:01 -0800 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. 2107028 7 paulmdemarco 2025-03-28 19:02:51 -0700 (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? 2107792 8 graouts 2025-04-01 07:43:09 -0700 Paul, scroll-driven animations don't have any acceleration support in Safari at the moment. This will be added with threaded animation resolution which is tracked by bug 250970. 2112404 9 graouts 2025-04-22 07:02:22 -0700 *** Bug 291159 has been marked as a duplicate of this bug. ***