Specification

https://drafts.csswg.org/css-animations-2/#timeline-triggers

Explainer

https://github.com/explainers-by-googlers/scroll-triggered-animations/blob/main/README.md

Links

• The WG's request for this TAG review: None
• Previous early design review, if any: None (although https://github.com/w3ctag/design-reviews/issues/1111 is related)
• An introduction to the feature, aimed at unfamiliar audiences: https://github.com/explainers-by-googlers/scroll-triggered-animations/blob/main/README.md#proposed-solution
• A description of the problems that end-users were facing before this proposal: https://github.com/explainers-by-googlers/scroll-triggered-animations/blob/main/README.md#introduction
• Alternatives considered: https://github.com/explainers-by-googlers/scroll-triggered-animations/blob/main/README.md#considered-alternatives
• Examples of how to use the proposal to solve the end-users' problems: https://github.com/explainers-by-googlers/scroll-triggered-animations/blob/main/README.md#example
• What do the end-users experience with this proposal: Seamless scroll-triggered animations <!-- See https://w3ctag.github.io/explainer-explainer/#describe-proposal -->
• User research you did to validate the problem and/or design, if any: None
• Web Platform Tests: https://wpt.fyi/results/scroll-animations/animation-trigger?label=experimental&label=master&aligned

The specification

• Follows the Web Platform Design Principles.
• Includes Security and Privacy Considerations sections based on answers to the Security/Privacy Questionnaire.

Where and by whom is the work is being done?

• GitHub repo: None
• Primary contacts:
  • @DavMila, Google, CSSWG participant
  • @flackr, Google, CSSWG participant
  • @tabatkins, Google, CSSWG participant, spec editor
• Organization/project driving the specification: Google
• This work is being funded by: Google
• Primary standards group developing this feature: CSSWG
• Incubation and standards groups that have discussed the design:
  • CSSWG <!-- Include a link to minutes or issues in this group if possible. -->
    • #12652
    • #12611
    • #12336
    • #12119

Feedback so far

• Active horizontal reviews: We filed csswg-draft issue #13010 to solicit feedback from the broader CSSWG on the overall spec text. <!-- Link to an issue like https://github.com/webmachinelearning/webnn/issues/239, https://github.com/WebAssembly/spec/issues/1804, or https://github.com/w3c/did/issues/885, which itself links to the other horizontal reviews. If you haven't started the rest of the horizontal reviews, please consider doing so. -->
• Multi-stakeholder feedback:
  • Chromium comments: Chromium has an experimental prototype of this feature.
  • Mozilla comments: https://github.com/mozilla/standards-positions/issues/1315
  • WebKit comments: https://github.com/WebKit/standards-positions/issues/576
• Major unresolved issues with or opposition to this specification: None
• Status/issue trackers for implementations: <!-- Include links to [Chrome Status](https://chromestatus.com/), [Mozilla's](https://bugzilla.mozilla.org/), [WebKit's Bugzilla](https://bugs.webkit.org/), and trackers for other implementations if those are known to you. -->
  • Chromestatus

You should also know that...

There is also a Web Animations component to this proposal but only the CSS Animations spec is up to date. We plan to update the Web Animations spec after the CSSAnimations spec has been reviewed in #13010. We expect the web animations API to reflect the css animations API.

<!-- Content below this is maintained by @w3c-tag-bot -->

---

Track conversations at https://tag-github-bot.w3.org/gh/w3ctag/design-reviews/1167