Animate height: auto with interpolate-size in CSS

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=4TTIfgiEOng


Duration: 0:00
1,146 views
86

Interpolate-size allows for smooth transitions between length and intrinsic sizes.


Learn more at goo.gle/animate-height-auto

Subscribe to Chrome for Developers β†’ https://goo.gle/ChromeDevs


#ChromeForDevelopers #Chrome

Products Mentioned: CSS



Other Videos By Chrome for Developers


2025-01-07WebDriver BiDi is production-ready
2025-01-06CSS debugging with AI assistance panel in DevTools
2025-01-05Monitor live performance metrics in DevTools
2025-01-04scheduler.yield API
2025-01-03Boost your workflow with File System Observer
2025-01-02CSSNestedDeclarations
2025-01-01Simpler sign-ins, stronger security with passkeys
2024-12-21Re-imagine the web with CSS anchor positioning
2024-12-13Re-imagine the web with View Transition API
2024-12-13Learn scroll-driven animations #CSSwrapped
2024-12-13Animate height: auto with interpolate-size in CSS
2024-12-12How to share a performance trace with notes #DevToolsTips
2024-12-12What’s new in DevTools: Chrome 130-132
2024-12-12Chrome Built-in AI APIs
2024-12-1117 new features and improvements #CSSwrapped
2024-12-11Re-imagine the power of the web
2024-12-11How to keep the classic DevTools look
2024-12-10Chrome Extensions Product Manager answers your questions
2024-12-10CrUX supports navigation types
2024-12-09Never debug alone 😴 β†’ 😎 #DevToolsAI
2024-12-09Find scrollable elements quickly with DevTools