The @starting-style rule will be shipping with Chrome 117 stable next month and will be tremendously helpful against a minor but irritating CSS headache. It will finally allow you to use CSS transitions with elements that are going to or from display:none. No more hacks needed!
Spec: https://drafts.csswg.org/css-transitions-2/#defining-before-change-style-the-starting-style-rule
Chrome notes: https://chromestatus.com/feature/4515377717968896
Example1: https://www.bram.us/2023/05/24/the-yellow-fade-technique-with-modern-css-using-starting-style/
Example2: https://codepen.io/callmetimm/pen/ExOqbBe
The @starting-style rule will be shipping with Chrome 117 stable next month and will be tremendously helpful against a minor but irritating CSS headache. It will finally allow you to use CSS transitions with elements that are going to or from display:none. No more hacks needed!
Spec: https://drafts.csswg.org/css-transitions-2/#defining-before-change-style-the-starting-style-rule
Chrome notes: https://chromestatus.com/feature/4515377717968896
Example1: https://www.bram.us/2023/05/24/the-yellow-fade-technique-with-modern-css-using-starting-style/
Example2: https://codepen.io/callmetimm/pen/ExOqbBe