Four new CSS features for smooth entry and exit animations - Chrome Developers
developer.chrome.com/blog/entry-exit-animations/
1 Users
0 Comments
2 Highlights
0 Notes
Tags
Top Highlights
The ability to animate display and content-visibility on a keyframe timeline (From Chrome 116). The transition-behavior property with the allow-discrete keyword to enable transitions of discrete properties like display (From Chrome 117). The @starting-style rule to animate entry effects from display: none and into the top-layer (From Chrome 117). The overlay property to control top-layer behavior during an animation (From Chrome 117).
Unlike when animating discrete properties with keyframes, to transition discrete properties you’ll need to use the allow-discrete transition behavior mode. #The transition-behavior property The allow-discrete mode is what makes discrete transitions possible, and is a value of the transition-behavior property. transition-behavior accepts two values: normal and allow-discrete.
Ready to highlight and find good content?
Glasp is a social web highlighter that people can highlight and organize quotes and thoughts from the web, and access other like-minded people’s learning.