👀👋🏼 New Article!

Four new CSS features for smooth entry and exit animations

i.e. animating to and from display: none and to/from the top layer

The new features include:

1. Animate display and content-visibility (Chrome 116+).
2. `transition-behavior: allow-discrete` (117+)
3. `@ starting-style` rule (117+)
4. `overlay` property (117+)

There's also a bonus section on how to create these effects with view transitions 🙂

https://developer.chrome.com/blog/entry-exit-animations/

Four new CSS features for smooth entry and exit animations - Chrome Developers

Learn about new capabilities that enable smooth transitioning of discrete animations and between the top layer

Chrome Developers