Web platform features explorer

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.

Status

Limited availability

MDN documentation

Specifications

CSS Display Module Level 4 (#display-animation), from Cascading Style Sheets (CSS) Working Group (W3C).
CSS Containment Module Level 3 (#content-visibility-animation), from Cascading Style Sheets (CSS) Working Group (W3C).

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 ❌ See bugzil.la/1882408 bugzil.la/1834877 Vendor position : unknown
Firefox for Android ❌ See bugzil.la/1882408 bugzil.la/1834877 Vendor position : unknown
Safari 18 Released on 2024-09-16
Safari on iOS 18 Released on 2024-09-16

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

Usage (according to Chrome Platform Status)

~1.417% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer signals

Votes: 0

If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist