# Four new CSS features for smooth entry and exit animations

DevFeed: [Four new CSS features for smooth entry and exit animations](<https://devfeed.tech/articles/four-new-css-features-for-smooth-entry-and-exit-animations-28752.md>)

Original publisher: [Read original article](<https://una.im/2023-08-16-entry-exit-animations/>)

Published: 2023-08-16T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [how to create smooth CSS transitions](<https://devfeed.tech/topics/how-to-create-smooth-css-transitions.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [behavior](<https://devfeed.tech/tags/behavior.md>), [css](<https://devfeed.tech/tags/css.md>), [display](<https://devfeed.tech/tags/display.md>), [features](<https://devfeed.tech/tags/features.md>), [property](<https://devfeed.tech/tags/property.md>), [visibility](<https://devfeed.tech/tags/visibility.md>)

## AI overview

The article presents four CSS features for creating smooth entry and exit animations: animating display and content-visibility in keyframe timelines, the transition-behavior property, the @starting-style rule, and the overlay property.

## Source excerpt

These four new features include: animating display and content-visibility on a keyframe timeline, the transition-behavior property, the @starting-style rule, and the overlay property.