CSS过渡属性的允许属性

Question

CSS过渡属性的允许属性

csscss-transitions

3

是否存在一份实际的CSS3过渡可以转换的属性列表？例如，当前无法转换显示属性，但可以转换可见性（尽管仅从隐藏到可见且没有持续时间）。 MDN上有一个注释：

注意：可以动画化的属性集可能会发生更改；因此，您应避免在列表中包括任何当前不会动画化的属性，因为它们可能会在未来进行动画化，导致意外结果。

然而，我无法从transition-property spec中看出哪些属性是当前允许的。

这是纯粹由浏览器实现决定还是在某处定义了呢？

- RichieAHB

如果我没错的话，所有可以进行动画处理的属性也可以进行过渡处理。在W3C规范中，在第6节下，有这样一句话 - “以下描述了每个属性类型如何经历过渡或动画”，这指向了同样的结论。 - Harry

2

https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_animated_properties 和 http://www.w3school.com.cn/cssref/css_animatable.asp - Woodrow Barlow

我也认为@Harry是正确的。 - Woodrow Barlow

那很有道理。在搜索时，我没有遇到检查允许的动画属性的建议，但这似乎是有道理的。尽管重新阅读MDN上的注释确实涉及动画。 - RichieAHB

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rink.attendant.6 · Accepted Answer

对于创建 CSS 过渡模块时存在的属性，可以在规范本身中找到列表：

http://www.w3.org/TR/css3-transitions/#animatable-properties

对于未来的属性或对现有属性的未来更改，请参考规范中可动画行中的属性：

对于在本规范开发时已经存在的属性，本规范定义了它们是否以及如何进行动画。但是，未来的CSS规范可能会定义额外的属性，现有属性的额外值，或现有值的额外动画行为。为了描述新的动画行为并将动画行为的定义放在更合适的位置上，未来的CSS规范应该在属性定义的摘要中（除了[CSS21]第1.4.2节中描述的其他行之外）包括一个“可动画：”行。此行应该说“否”，以表示某个属性不能被动画化，或者引用一个动画行为（可以是上面属性类型动画部分中的行为之一，也可以是新行为）来定义属性如何进行动画。这样的定义将覆盖本规范中给出的定义。

示例：

enter image description here

MDN本身也有一个列表。