- Using transitions to go to and from display: none
7
- CSS Demystified
8
- Using @starting-style
9
- Easily have different transitions in each direction
10
- Browser support and progressive enhancements
11
- Make sure you include overlay for popups and dialogs
12
- The problem with peudo-elements, including ::backdrop
Description:
Explore the new capabilities of CSS transitions for display properties in this 21-minute video tutorial. Learn how to animate elements to and from display: none using keyframes, understand discrete animations, and discover the @starting-style rule for smoother transitions. Dive into browser support, progressive enhancement techniques, and best practices for implementing overlays in popups and dialogs. Gain insights on handling pseudo-elements like ::backdrop and enhance your CSS skills to create more dynamic and visually appealing web designs.