<?xml version="1.0" encoding="UTF-8"?>
<feature id="display-animation"><name>display animation</name><description>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.</description><group>css</group><group_name>CSS</group_name><baseline><status>limited</status></baseline><support><browser name="chrome" version="117" supported="true"></browser><browser name="firefox" version="—" supported="false"></browser><browser name="safari" version="18" supported="true"></browser><browser name="edge" version="117" supported="true"></browser><browser name="chrome_android" version="117" supported="true"></browser><browser name="firefox_android" version="—" supported="false"></browser><browser name="safari_ios" version="18" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-display-4/#display-animation</spec><spec>https://drafts.csswg.org/css-contain-3/#content-visibility-animation</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/display</mdn_url><compat_features><key>css.properties.content-visibility.is_transitionable</key><key>css.properties.content-visibility.keyframe_animatable</key><key>css.properties.display.is_transitionable</key><key>css.properties.display.keyframe_animatable</key><key>css.properties.transition-behavior.transitionable_content-visibility</key><key>css.properties.transition-behavior.transitionable_display</key></compat_features><canonical_url>https://nowyoucanuse.com/features--display-animation.html</canonical_url></feature>