CSS transition-property的允许属性

时间:2014-09-16 15:27:28

标签: css3 css-transitions

是否有可以使用CSS3过渡转换的事实性属性列表?例如,显示属性当前无法转换,但可见性可以(虽然只是从隐藏到可见而没有持续时间)。

MDN有一条说明:

  

注意:可以设置动画的属性集可能会发生变化;   因此,您应该避免在列表中包含任何属性   目前没有动画,因为有一天它们可能会导致   意想不到的结果。

但是,我无法从transition-property spec看到当前允许的属性。

这纯粹是为了浏览器实现还是在某处定义?

1 个答案:

答案 0 :(得分:3)

对于创建CSS Transitions Module时存在的属性,可以在规范本身中找到该列表:

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

对于将来的属性或对现有属性的未来更改,请参阅规范中的动画行的属性:

  

对于开发此规范时存在的属性,此规范定义它们是否以及如何设置动画。但是,未来的CSS规范可能会定义其他属性,现有属性的附加值或现有值的其他动画行为。为了描述新的动画行为并在更合适的位置定义动画行为,未来的CSS规范应该在属性定义的摘要中包含“Animatable:”行(除了[CSS21中描述的其他行] ],第1.4.2节)。这行应该说“no”表示属性不能被动画或者应该引用动画行为(可能是上面属性类型动画部分中的行为之一,或者可能是新行为)来定义属性动画。这些定义超出了本规范中给出的定义。

示例:

enter image description here

There's also a list on the MDN itself.