允许CSS转换的属性

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

MDN上有一个注释说:

注意:可以动画的一组属性可能会更改; 因此,您应该避免在列表中包含当前没有生成动画的任何属性,因为有一天它们可能会导致意想不到的结果。

但是,我无法从转换属性规范中看到当前允许哪些属性。

这是纯粹的浏览器实现还是在某个地方定义?


对于创建CSS转换模块时存在的属性,可以在规范中找到该列表:

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

有关未来属性或对现有属性的将来更改,请参阅规格中Animatable行的属性:

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

例:

在这里输入图像描述

MDN本身也有一个列表。

链接地址: http://www.djcxy.com/p/27423.html

上一篇: Allowed properties for CSS transition

下一篇: CSS3 Transition Slide Down Element