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.

Learning resources on MDN

• Animating_display, in display
• Animating_and_transitioning_content-visibility, in content-visibility

Browser support

• Chrome 117 Released on 2023-09-12
• Chrome Android 117 Released on 2023-09-12
• Edge 117 Released on 2023-09-15
• Firefox ❌ Vendor position
• Firefox for Android ❌ Vendor position
• Safari 18 Released on 2024-09-16
• Safari on iOS 18 Released on 2024-09-16

Baseline availability blocked since September 2024 by Firefox (3 months)

Edit this feature - Report an issue about this feature