Skip to content

Scroll-driven Animations #439

@ramiy

Description

@ramiy

Description

These scroll-driven animations are currently supported only on one browser engine. It's an amazing feature that reduces a lot of JS, and I personally would love to use it in production websites when all browsers support this feature.

Specification

https://drafts.csswg.org/scroll-animations/

Open Issues

No response

Tests

https://wpt.fyi/results/scroll-animations

Current Implementations

  • Blink
  • Gecko
  • WebKit

Standards Positions

https://groups.google.com/a/chromium.org/g/blink-dev/c/RDKAi9JPHwY/m/Ee9A5LbBAwAJ
mozilla/standards-positions#347
WebKit/standards-positions#152

Browser bug reports

No response

Developer discussions

No response

Polls & Surveys

No response

Existing Usage

https://chromestatus.com/metrics/css/timeline/popularity/725
https://chromestatus.com/metrics/css/timeline/popularity/726
https://chromestatus.com/metrics/css/timeline/popularity/727
https://chromestatus.com/metrics/css/timeline/popularity/750

https://chromestatus.com/metrics/css/timeline/popularity/665
https://chromestatus.com/metrics/css/timeline/popularity/740
https://chromestatus.com/metrics/css/timeline/popularity/741
https://chromestatus.com/metrics/css/timeline/popularity/742

https://chromestatus.com/metrics/css/timeline/popularity/728
https://chromestatus.com/metrics/css/timeline/popularity/729
https://chromestatus.com/metrics/css/timeline/popularity/730
https://chromestatus.com/metrics/css/timeline/popularity/731

https://chromestatus.com/metrics/css/timeline/popularity/762

Workarounds

No response

Accessibility Impact

No response

Privacy Impact

No response

Other

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    Status
    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions