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.

Compatibility

• Chrome 117 Released on 2023-09-12
• Chrome Android 117 Released on 2023-09-12
• Edge 117 Released on 2023-09-15
• Firefox ❌ Search for bugs Search for standards position
• Firefox for Android ❌ Search for bugs Search for standards position
• Safari ❌ Search for bugs Search for standards position
• Safari on iOS ❌ Search for bugs Search for standards position

BCD data

• css.properties.content-visibility.keyframe_animatable
• css.properties.display.keyframe_animatable
• css.properties.content-visibility.is_transitionable
• css.properties.display.is_transitionable