display animation
Limited availability
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.
To learn more, see
display,
content-visibility at MDN.
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 18 Released on 2024-09-16
- Safari on iOS 18 Released on 2024-09-16
Baseline availability blocked since September 2024 by Firefox (2 months)