CSS Tips - Animate to “height: auto;” @CSSWeekly
CSS Tips - Animate to “height: auto;”  @CSSWeekly
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
CSS Tips - Animate to “height: auto;”How to handle touchscreen gestures in the browser using CSS #css #csstipsHow to enable experimental CSS & JS features in Chrome, Firefox & SafariVS Code Tips - Enable Sticky ScrollCSS Tips — Easily Find Missing alt Attributes Using One Line of CSS3 Simple Ways To Center an Element Using CSSHow To Create an Adaptive SVG Favicon Using the prefers-color-scheme Media QueryHow To Style console.log() Messages #devtools #cssCreate a Stunning Glassmorphism Effect in CSSTypes of Themes in Visual Studio Code #vscode #vscodeextensionsFrontend News #8: New CSS Logo, OpenType Font Features, Tooltip TipsVS Code Tips — Move Sidebar Right
CSS Weekly |

CSS Tips - Animate to “height: auto;”

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER