-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
Open
Labels
Description
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
Ugoku, Schweinepriester, Benimation, josephmarkus, meows and 2 more