#interpolate-size

[ follow ]
#css-sizing #calc-size #popover-attribute #css-animations #heightauto #progressive-enhancement
fromFrontendmasters
2 weeks ago

What You Need to Know about Modern CSS (2025 Edition)

We don't often set the height of elements that contain arbitrary content. We usually let elements like that be as tall as they need to be for the content. The trouble with that is we haven't been able to animate from a fixed number (like zero) to whatever that intrinsic height is (or vice versa). In other words, animate to auto (or other sizing keywords like min-content and the like).
Web development
Web development
fromPiccalilli
1 month ago

The interpolate-size property is a great example of progressive enhancement

interpolate-size enables CSS transitions between intrinsic size keywords (auto, min-content, max-content, fit-content), allowing smooth animations to computed sizes like height:auto.
[ Load more ]