WG New Spec: Scroll-Triggered Animations #1167
Description
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 Declarative Interactions #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
- 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:
Feedback so far
- Active horizontal reviews: We filed csswg-draft issue #13010 to solicit feedback from the broader CSSWG on the overall spec text.
- Multi-stakeholder feedback:
- Chromium comments: Chromium has an experimental prototype of this feature.
- Mozilla comments: CSS Animations 2: timeline-trigger mozilla/standards-positions#1315
- WebKit comments: CSSAnimations 2 : timeline-trigger WebKit/standards-positions#576
- Major unresolved issues with or opposition to this specification: None
- Status/issue trackers for implementations:
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.
Track conversations at https://tag-github-bot.w3.org/gh/w3ctag/design-reviews/1167