CSS calc-size()

原创
admin 4个月前 (08-23) 阅读数 14 #CSS

calc-size()

calc-size() 是一个实验性的 CSS 函数,它允许你对内在尺寸值(如 auto、fit-content 和 max-content)进行计算,这是常规的 calc() 函数所不支持的。

calc-size() 的返回值也可以进行插值,这使得尺寸关键字值可以在动画和过渡中使用。实际上,在属性值中包含 calc-size() 会自动将 interpolate-size: allow-keywords 应用于选择器。

需要注意的是,interpolate-size 是可继承的,因此将其应用于元素会启用该元素及其子元素上每个应用的属性的内在尺寸关键字的插值。因此,interpolate-size 是启用内在尺寸动画的首选解决方案。只有当内在尺寸动画也需要计算时,才应使用 calc-size() 来启用它们。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

上一篇:CSS brightness() 下一篇:CSS calc()
作者文章
热门
最新文章
标签列表