080 Animating to and from top-layer (Дата оригинальной публикации: )

In this episode Una and Adam continue talking about dialogs and popovers, but this time it’s all about animating them into and out of the top layer.. We’ll be introducing starting-style, a new mode for transitioning discrete properties, and the overlay property for smooth entry and exit animations. Links top-layer CSS spec → Four new CSS features for smooth entry and exit animations by Una → Using @starting-style and transition-behavior for enter and exit stage effects → Popover on MDN → :popover-open on MDN → Dialog and popover animated → Popover animated with nesting → What is the top layer? → overlay property on MDN → MDN demos → Una Kravets (co-host) Twitter → Instagram → YouTube → Making the web more colorful ✨🎨 Web DevRel [id181878528|@googlechrome] Unicorn face Host of Tools Today → & Designing in the Browser 🎬 → Adam Argyle (co-host) Twitter → Instagram → YouTube → [id181878528|@GoogleChrome] CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘 CSSWG → VisBug → The CSS Podcast #CSSpodcast Watch more The CSS Podcast → Subscribe to Chrome for Developers → #CSSPodcast #ChromeForDevelopers #Chrome Speakers: Una Kravets, Adam Argyle