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.
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 Not supported Position Bugs: 1882408 1834877
- Firefox for Android Not supported Position Bugs: 1882408 1834877
- Safari 18 Released on 2024-09-16
- Safari on iOS 18 Released on 2024-09-16
Baseline availability blocked since September 2024 by Firefox (22 months)
Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.
MDN documentation
Specifications
Usage (according to Chrome Platform Status)
~3.143% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist