Limited Availability CSS

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 (not yet Baseline). Latest engine implementation shipped on Sep 16, 2024.

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_animatable ↗ css.properties.display.is_animatable ↗ css.properties.transition-behavior.transitionable_content-visibility ↗ css.properties.transition-behavior.transitionable_display ↗