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

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

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

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

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

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

- Zoran Jambor
#css #csstips