Skip to content

Add property data for scroll triggered animations#1046

Merged
Rumyra merged 3 commits intomdn:mainfrom
chrisdavidmills:scroll-triggered-animations
Feb 13, 2026
Merged

Add property data for scroll triggered animations#1046
Rumyra merged 3 commits intomdn:mainfrom
chrisdavidmills:scroll-triggered-animations

Conversation

@chrisdavidmills
Copy link
Copy Markdown
Contributor

Description

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

This PR adds property and type data for the new functionality.

Motivation

Additional details

Related issues and pull requests

@chrisdavidmills chrisdavidmills requested a review from a team as a code owner February 12, 2026 17:40
@dipikabh
Copy link
Copy Markdown
Contributor

Can you add the spec links for these properties to PR description? Then I'll have something to compare this data with.

Comment thread css/properties.json Outdated
@chrisdavidmills
Copy link
Copy Markdown
Contributor Author

Can you add the spec links for these properties to PR description? Then I'll have something to compare this data with.

I've shared my scroll-triggered animations research doc with you, which contains all of the exact spec URLs, plus some other useful info besides.

@dipikabh
Copy link
Copy Markdown
Contributor

I've shared my scroll-triggered animations research doc with you, which contains all of the exact spec URLs, plus some other useful info besides.

Awesome, thanks!

Copy link
Copy Markdown
Contributor

@dipikabh dipikabh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Thank you

Comment thread css/properties.json Outdated
@tristantheb
Copy link
Copy Markdown
Member

If you want to take advantage of this opportunity to add the French translation at the same time, here it is: "fr": "Une liste dont chaque élément est soit le mot-clé <code>none</code>, le mot-clé <code>auto</code>, un identifiant ({{CSSxRef(\"&lt;ident>\")}}), sensible à la casse, une fonction calculée {{CSSxRef(\"animation-timeline/scroll\")}} ou une fonction calculée {{CSSxRef(\"animation-timeline/view\")}}." ;)

@chrisdavidmills
Copy link
Copy Markdown
Contributor Author

If you want to take advantage of this opportunity to add the French translation at the same time, here it is: "fr": "Une liste dont chaque élément est soit le mot-clé <code>none</code>, le mot-clé <code>auto</code>, un identifiant ({{CSSxRef(\"&lt;ident>\")}}), sensible à la casse, une fonction calculée {{CSSxRef(\"animation-timeline/scroll\")}} ou une fonction calculée {{CSSxRef(\"animation-timeline/view\")}}." ;)

@tristantheb I would love to! Added in my next commit. Merci!

@Rumyra Rumyra merged commit cc38980 into mdn:main Feb 13, 2026
1 check passed
@chrisdavidmills chrisdavidmills deleted the scroll-triggered-animations branch February 13, 2026 11:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants