Uploaded September 2024 | Updated September 2026, 1 week ago

---

Find out how to easily animate from “height: 0;” to “height: auto;” using newly available calc-size() function.

🔗 Links
Demo: codepen.io/ZoranJambor/pen/gONRzbG
Blog article: blog.css-weekly.com/transition-to-height-auto-display-none-using-pure-css
Video guide: youtu.be/1VsMKz4Zweg

Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com

Help support my channel
🪧 Buy a CSS sticker pack: stickers.css-weekly.com
👨‍🎓 Get a course: masteringlinting.com
💖 Jouin us on Patreon: patreon.com/cssweekly

Keep up-to-date with CSS Weekly:
🐦 Twitter: twitter.com/@cssweekly
🎶 TikTok: tiktok.com/@cssweekly
🎇 Instagram: instagram.com/cssweekly
📘 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
👨‍💼 Blog: zoranjambor.com
💼 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
#css #csstips