本文介绍了CSS中的calc-size()函数和interpolate-size属性，允许在值为auto时对width、height等尺寸属性进行过渡动画。calc-size()用于单独设置，而interpolate-size可全局应用。这两个特性自Chrome 129版本起支持，文章还讨论了它们的使用案例和兼容性问题。
Chrome最近推出新特性，简化了CSS属性的动画处理，特别是display和元素大小的动画。新特性如@keyframes和calc-size()函数使动画实现更简单，减少了对JavaScript的依赖。
CSS新增了interpolate-size属性和calc-size()函数，使得在动画和过渡中可以对内在尺寸关键字进行操作。calc-size()函数可以将像auto这样的值转换为像素值，从而实现从0过渡到auto高度。interpolate-size属性允许全局使用新的过渡动画。calc-size()函数还可以进行其他复杂的计算。目前，calc-size()只在Chrome中受支持，其他浏览器也在开发中。
完成下面两步后，将自动完成登录并继续当前操作。
