The article discusses the significant improvements introduced in CSS animations with the @starting-style and transition-behavior properties. Brecht De Ruyte explains how these features allow for smoother animations, particularly with elements that are not rendered during changes. Previously, animating display properties required JavaScript hacks to manage class changes. With the new transition-behavior: allow-discrete, developers can now effectively manage transitions on discrete properties like display and visibility directly in CSS. This makes for a more streamlined workflow and better integration of CSS animations in web design.
Animating from and to display: none; was something we could only achieve with JavaScript, making the new CSS properties valuable for ease-of-use.
The transition-behavior property allows us to tell the browser it can swap the values of a discrete property like display effectively.
Collection
[
|
...
]