Intent to prototype: Display Property Animations

148 views
Skip to first unread message

Swarup Ukil

unread,
Aug 6, 2026, 2:22:49 PM (2 days ago) Aug 6
to dev-pl...@mozilla.org

Summary:

Per CSSWG resolution, the `display` property is now discretely animatable, in both CSS animations and transitions. The resolution also specifies that an element animating to `display: none` continues running its own animations, while animations on its descendants are cancelled.


This lets developers write exit animations entirely in CSS: an element can animate out and then automatically become `display: none`, with no JavaScript needed to flip the property once the animation finishes.


Bug: Bug 1834877
Specification:

Standards Body: CSSWG / W3C

Platform coverage: All.
Preference: layout.css.display-animations.enabled (defaults to false)
DevTools bug: N/A

Extensions bug: N/A

Use counter: N/A - wouldn't distinguish animated display from ordinary usage.
Standards-Positions Discussion: https://github.com/mozilla/standards-positions/issues/762


Other browsers:


web-platform-tests: 


Reply all
Reply to author
Forward
0 new messages