Description

From the spec:

Defines CSS properties and an API for creating animations that are tied to the scroll offset of a scroll container.

I think the Animation.progress endpoint is still missing in Chrome as well, and it is still not published in last draft.

Specification

https://www.w3.org/TR/scroll-animations-1/

Additional Signals

Standards Positions

Implemented in Blink and WIP in WebKit and Gecko.

Tests

https://wpt.fyi/results/?label=master&label=experimental&aligned&q=scroll-animations

Browser Bugs

WebKit:
https://bugs.webkit.org/show_bug.cgi?id=222295 (Meta)

Gecko:
https://bugzilla.mozilla.org/show_bug.cgi?id=1676779 (Meta)

Blink:
https://issues.chromium.org/issues/40914396 (Progress API)
https://issues.chromium.org/issues/359904330 (Using Custom Properties inside Animation Ranges)