CSS3 transition-property属性

CSS3 transition-property属性用于指定一个或多个CSS属性应当在过渡期间被过渡。该属性可以与transition-duration、transition-timing-function 和 transition-delay属性结合使用，以创建CSS属性过渡效果。

语法

transition-property: none|all|property1 property2 ...;

• none：不应用任何属性过渡，此为默认值。
• all：应用所有CSS属性过渡。
• property：指定一个或多个要过渡的CSS属性。可以指定多个属性，用空格隔开。

示例

/* 应用所有CSS属性过渡 */
transition-property: all;

/* 应用opacity和background-color的CSS属性过渡 */
transition-property: opacity background-color;

注意事项

• 如果transition-property的值未设置或值为none，则不会有CSS属性的过渡效果。
• 在transition-property中命名的属性必须存在于元素的CSS样式表中，否则没有任何过渡会发生。
• 除非设置了all值，否则转换的属性只会在transition-property属性中命名的属性上进行过渡。
• 可以将多个属性设置为transition-property的值，以逗号来分隔属性列表。每个属性的过渡值可以分别指定。如果没有显式设置过渡值，则使用默认值，这个值是0s，这个值将使任何变化是即时的而没有持续时间。