Editorial review: Document scroll-triggered animations by chrisdavidmills · Pull Request #43158 · mdn/content

chrisdavidmills · 2026-02-18T16:51:21Z

Description

Chrome 146 adds support for scroll-triggered animations; see https://chromestatus.com/feature/5181996801982464.

This PR adds documentation for this new feature, including:

Motivation

Additional details

Related issues and pull requests

github-actions · 2026-02-18T16:53:16Z

Preview URLs (18 pages)

Flaws (16)

Note! 4 documents with no flaws that don't need to be listed. 🎉

Found an unexpected or unresolvable flaw? Please report it here.

URL: /en-US/docs/Web/CSS/Guides/Animation_triggers/Using_scroll-triggered_animations
Title: Using CSS scroll-triggered animations
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/animation
Title: animation CSS property
Flaw count: 2

macros:
- Macro csssyntax produces link /en-US/docs/Web/CSS/Reference/Properties/animation-delay-start which doesn't resolve
- Macro csssyntax produces link /en-US/docs/Web/CSS/Reference/Values/number-token which doesn't resolve

URL: /en-US/docs/Web/CSS/Reference/Properties/animation-trigger
Title: animation-trigger CSS property
Flaw count: 2

broken_links:
- Link /en-US/docs/Web/CSS/Guides/scroll-driven_animations is ill cased
macros:
- Macro cssxref produces link /en-US/docs/Web/CSS/specificity which is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger
Title: timeline-trigger CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger-activation-range
Title: timeline-trigger-activation-range CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger-activation-range-end
Title: timeline-trigger-activation-range-end CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger-activation-range-start
Title: timeline-trigger-activation-range-start CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger-active-range
Title: timeline-trigger-active-range CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger-active-range-end
Title: timeline-trigger-active-range-end CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger-active-range-start
Title: timeline-trigger-active-range-start CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger-name
Title: timeline-trigger-name CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/timeline-trigger-source
Title: timeline-trigger-source CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/trigger-scope
Title: trigger-scope CSS property
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

URL: /en-US/docs/Web/CSS/Reference/Values/animation-action
Title: <animation-action>
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/Guides/Animation_triggers/ is a redirect

External URLs (2)

URL: /en-US/docs/Web/CSS/Guides/Animation_triggers
Title: CSS animation triggers

https://developer.chrome.com/blog/scroll-triggered-animations (1 time) (Note! This may be a new URL 👀)

URL: /en-US/docs/Web/CSS/Guides/Animation_triggers/Using_scroll-triggered_animations
Title: Using CSS scroll-triggered animations

https://developer.chrome.com/blog/scroll-triggered-animations (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2026-08-24 08:28:36)

…ggered_animations/index.md Co-authored-by: Bramus <bramus@bram.us>

Review: trigger-scope property

Reworded explanation about trigger names in document tree.

timeline-trigger-source & other reference pages

…place

…mplate

estelle · 2026-08-20T01:02:35Z

Review: timeline-trigger-source

Review: module page

Re-review of trigger scope

Re-review: animation-action

Document scroll-triggered animations

70194d0

chrisdavidmills requested a review from a team as a code owner February 18, 2026 16:51

chrisdavidmills requested review from hamishwillee and removed request for a team and hamishwillee February 18, 2026 16:51

github-actions Bot added the Content:CSS Cascading Style Sheets docs label Feb 18, 2026

chrisdavidmills changed the title ~~Document scroll-triggered animations~~ Technical review: Document scroll-triggered animations Feb 18, 2026

github-actions Bot added the size/xl [PR only] >1000 LoC changed label Feb 18, 2026

chrisdavidmills marked this pull request as draft February 18, 2026 16:51

chrisdavidmills added 13 commits February 18, 2026 17:38

tweak fallback styles and correct range property names

8901885

Merge branch 'main' into scroll-triggered-animations

60e1ccf

Add ref pages for animation-trigger and <animation-action>

4bd67a3

Merge branch 'main' into scroll-triggered-animations

60bbe5d

Add timeline-trigger-name and timeline-trigger-source

85c0e99

Merge branch 'main' into scroll-triggered-animations

cf303f0

Add timeline-trigger-activeation-range* properties

a233f42

Merge branch 'main' into scroll-triggered-animations

5c0d542

Improve reference descriptions

14f9cc6

Add timeline-trigger-active-range* ref pages

fd77657

Merge branch 'main' into scroll-triggered-animations

7519ba0

update page titles, add trigger-scope page

973031e

Add timeline-trigger shorthand page

c5598c7

chrisdavidmills marked this pull request as ready for review March 2, 2026 18:02

chrisdavidmills added 2 commits March 3, 2026 11:45

Add separate animation triggers module page

8041243

Update animation-action browser-compat reference

0628fc2

This comment was marked as resolved.

Sign in to view

chrisdavidmills and others added 3 commits March 10, 2026 09:25

Merge branch 'main' into scroll-triggered-animations

e75774c

Update animation-action BCD ref

03203ea

Update files/en-us/web/css/guides/animation_triggers/using_scroll-tri…

fa4d6b0

…ggered_animations/index.md Co-authored-by: Bramus <bramus@bram.us>

chrisdavidmills and others added 18 commits August 11, 2026 07:46

grammar

5018f40

grammar, structure

de0c88d

grammar, spelling

a84c51b

grammar, cleanup

bb28319

Merge pull request #25 from estelle/trigger-scope1

abbee85

Review: trigger-scope property

fix

1e25ad4

Reworded explanation about trigger names in document tree.

Fix broken example

a4a4788

grammar

b1d92c9

Merge pull request #24 from estelle/tts-2

94ed8ac

timeline-trigger-source & other reference pages

Merge branch 'main' into scroll-triggered-animations

2eecbbb

Make sure all Values intro sentences are consistent and in the right …

eb6e696

…place

Make basic usage examples consistent, using animation-trigger as a te…

d147227

…mplate

Attempt to rewrite timeline-trigger-source auto none descriptions

98e5afc

Merge branch 'main' into scroll-triggered-animations

e7d873f

Add more detail about timeline-trigger-source auto and none

09d1833

Tweak source none wording

bce1ab4

Merge branch 'main' into scroll-triggered-animations

123833a

Review: timeline-trigger-source

9ed742a

estelle and others added 11 commits August 19, 2026 18:30

Re-review of trigger scope

73c35c8

Update files/en-us/web/css/reference/properties/trigger-scope/index.md

fb76676

Review: module page

b6301a9

Re-review: animation-action

f30d398

Merge pull request #26 from estelle/trigger-source-final

38116ab

Review: timeline-trigger-source

A few typos and grammar nits

a8f0539

Merge pull request #28 from estelle/animation_triggers

17654ea

Review: module page

grammar nit

7bfb9d5

Merge pull request #27 from estelle/trigger-scope3

d73ed20

Re-review of trigger scope

grammarly suggestions

6bb350d

Merge pull request #29 from estelle/animation-action

57808a2

Re-review: animation-action

Navigation Menu

Uh oh!

Editorial review: Document scroll-triggered animations - #43158

Editorial review: Document scroll-triggered animations#43158
chrisdavidmills wants to merge 199 commits into
mdn:mainfrom
chrisdavidmills:scroll-triggered-animations

chrisdavidmills commented Feb 18, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Feb 18, 2026 •

edited

Loading

Uh oh!

This comment was marked as resolved.

Uh oh!

estelle commented Aug 20, 2026 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

Uh oh!

Conversation

chrisdavidmills commented Feb 18, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Motivation

Additional details

Related issues and pull requests

Uh oh!

github-actions Bot commented Feb 18, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

This comment was marked as resolved.

Uh oh!

estelle commented Aug 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Approved

Currently Being Reviewed

Pending review

Status unknown

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

chrisdavidmills commented Feb 18, 2026 •

edited

Loading

github-actions Bot commented Feb 18, 2026 •

edited

Loading

estelle commented Aug 20, 2026 •

edited

Loading