可以转换的 CSS 属性列表

Question

我正在研究 CSS 转换，特别是可以转换哪些 CSS 属性以及它们各自的浏览器支持。努力在谷歌上找到任何全面的东西。

我相信并非所有 CSS 属性都是过渡性的。例如，background:is not、butbackground-color:和background-image:are。

这是否意味着 CSS 转换仅适用于长手语法？或者也许这个例子只是一个例外。

有人有可以转换的房产的完整列表吗？

Answer 1

\n

这是否意味着 CSS 转换仅适用于长手语法？或者也许这个例子只是一个例外。

\n

\n\n

它适用于速记属性，但仅适用于可设置动画的特定速记组件。CSS Transitions 规范中提到了这一点。

\n\n

transition-property: background例如，如果您指定，它将起作用，但只有background-color、background-position和background-size，以及 中的渐变值background-image将被动画化，并且它们都将根据为过渡指定的延迟、计时函数和持续时间进行动画化background。

\n\n

我怀疑在这里请求属性列表的链接可能是题外话，但就其价值而言，MDN 包含了一个可动画属性列表。

\n\n

对于大多数属性，是否\xe2\x80\x94 以及它们如何\xe2\x80\x94 动画也在其各自的propdef（规范）中进行了描述。例如， 的定义border-radius可以在背景和边框模块中：

\n\n

\n

可动画化：作为长度、百分比或计算的两个值

\n

\n\n

Like background-image,border-radius是一个简写属性，由四个部分组成（每个角一个）。transition-property: border-radius您只需指定、 以及一个延迟、计时函数和持续时间，即可以完全相同的方式过渡所有四个角。

\n