Description

Making display animatable, in keyframes or transitions, makes animations to or from display:none possible. Dialogs and popovers both animate to or from display:none when entering or exiting the top layer, so this feature is needed in order to make top layer elements animatable: https://github.com/chrishtr/rendering/blob/master/entry-exit-animations.md

Making content-visibility animatable is useful in similar scenarios.

Specification

https://drafts.csswg.org/css-display-4/#display-animation

Open Issues

No response

Tests

https://wpt.fyi/results/css/css-display/animations/display-interpolation.html
https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-interpolation.html

Current Implementations

• Blink
• Gecko
• WebKit

Standards Positions

Gecko: mozilla/standards-positions#762

WebKit: WebKit/standards-positions#147

Browser bug reports

No bugs filed yet that I know of

Developer discussions

No response

Polls & Surveys

No response

Existing Usage

I didn't create a use counter for this feature

Workarounds

No response

Accessibility Impact

No response

Privacy Impact

No response

Other

No response