New CSS features, @starting-style and transition-behavior: allow-discrete, are now available in Firefox 129. These features enable entry animations for elements, even those animating from display: none, enhancing the capability to animate elements into the top layer. The @starting-style rule sets initial styles, while allow-discrete supports the animation of properties that don’t interpolate between values, such as display and visibility. Example CSS is provided to demonstrate how these features can be applied.

3m read timeFrom web.dev
Post cover image
Table of contents
Setting up entry effects with @starting-styleEnabling discrete animations with allow-discreteDemo: putting it all togetherConclusion
1 Comment

Sort: