让宽高自动过渡动画不再那么繁琐！CSS新功能 interpolate-size 和 calc-size()
原文中文，约2200字，阅读约需6分钟。发表于：。在 CSS 动画中从 height: 0 过渡到 height: auto 看起来应该很简单，但实际上 CSS 无法从 任何数值 过渡到 height: auto ，因为它需要一个具体的高度值来运行任何动画或过渡。在过去，开发者只能使用 JavaScript 来计算元素的高度并进行动画处理，这显然不是理想的解决方案。因此，CSS 终于引入了全新的 interpolate-size属性 和...
CSS新增了interpolate-size属性和calc-size()函数，使得在动画和过渡中可以对内在尺寸关键字进行操作。calc-size()函数可以将像auto这样的值转换为像素值，从而实现从0过渡到auto高度。interpolate-size属性允许全局使用新的过渡动画。calc-size()函数还可以进行其他复杂的计算。目前，calc-size()只在Chrome中受支持，其他浏览器也在开发中。
