CSS Tips - Animate to “height: auto;”

Published: 11 September 2024
on channel: CSS Weekly
1,294
111

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/gO...
Blog article: https://blog.css-weekly.com/transitio...
Video guide:    • Transition to "height: auto;" & "disp...  

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:   / cssweekly  

Keep up-to-date with CSS Weekly:
🐦 Twitter:   / @cssweekly  
🎶 TikTok:   / cssweekly  
🎇 Instagram:   / cssweekly  
📘 Facebook:   / cssweekly  

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

- Zoran Jambor
#css #csstips