广树管理员
2025-02-19 22:04
@老张博客：大佬呀，这第几次问这个问题了呀
导航
萌即是正义！时不时分享一些ACG活动记录与有趣代码的小站！
侧边栏
正在攻略
PSN奖杯卡
分类：CSS/HTML
让宽高自动过渡动画不再那么繁琐！CSS新功能 interpolate-size 和 calc-size()
在 CSS 动画中从 height: 0 过渡到 height: auto 看起来应该很简单，但实际上 CSS 无法从 任何数值 过渡到 height: auto ，因为它需要一个具体的高度值来运行任何动画或过渡。在过去，开发者只能使用 JavaScript 来计算元素的高度并进行动画处理，这显然不是理想的解决方案。因此，CSS 终于引入了全新的 interpolate-size属性 和 calc-size() 函数，使这种类型的动画变得非常简单。
让宽高自动过渡动画不再那么繁琐！CSS新功能 interpolate-size 和 calc-size()
1/1