This tutorial is for members only

Learn Straight from the Experts Who Shape the Modern Web

200+
In-Depth Courses
21
Learning Paths
Industry Leading Experts
Live Interactive Workshops

Animate height: auto with interpolate-size and calc-size()

Kevin Powell
Kevin Powell Media Inc.
Creative Coding CSS
December 13, 2024

Animating to or from height: auto has been something front-end developers have had on their wishlist for a very long time, and now, not only can we do that very easily, but there are new possibilities that have opened up on top of that as well, all thanks to two new CSS features, interpolate-size and calc-size()

🔗 Links
interpolate-size and calc-size() Article: https://12daysofweb.dev/2024/calc-size-and-interpolate-size/
12 Days of Web: https://12daysofweb.dev