Intent to Prototype: CSS Image Animation

[Chromestatus]

Contact emails

seo...@chromium.org

Explainer

https://github.com/webplatformco/project-image-animation/tree/main/image-animation-property

Specification

https://webplatform.design/projects/image-animation/image-animation-property/spec/overview

Summary

Introduces a new CSS property and pseudo-class to control and detect animated images like GIFs and APNGs. 1. image-animation: Can be set to "normal", "running", or "paused" to control image animation playback. 2. :animated-image: A pseudo-class to determine whether an image is animated.

Blink component

Blink>CSS

Web Feature ID

Missing feature

Motivation

Currently, user agents autoplay animated images (e.g., GIF, WebP, PNG) by default. This behavior can be violate accessibility standards regarding pausing and stopping content. Site authors currently lack mechanisms to control this playback. The only existing methods are browser-specific global settings, which are inconsistent and lack the features needed for developers to build accessible, per-image playback interfaces.

Initial public proposal

https://github.com/w3c/csswg-drafts/issues/1615

Requires code in //chrome?

False

Tracking bug

https://issues.chromium.org/u/2/issues/429459566

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5078177326170112?gate=6328097936900096

This intent message was generated by Chrome Platform Status.