display animation

You can animate elements between display: none and any other display value or animate between content-visibility: hidden and any other content-visibility value. This also applies to transitions.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

117

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

18

Supported

Microsoft Edge

117

Supported

Mobile Browser Engine Support

Chrome Android

117

Firefox Android

—

Safari iOS

18

Specifications and References

Specification ↗ Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.content-visibility.is_transitionable ↗ css.properties.content-visibility.keyframe_animatable ↗ css.properties.display.is_transitionable ↗ css.properties.display.keyframe_animatable ↗ css.properties.transition-behavior.transitionable_content-visibility ↗ css.properties.transition-behavior.transitionable_display ↗