CSS3 transition-property属性
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,这个值将使任何变化是即时的而没有持续时间。