CSS3的transition-property属性可以用来设置CSS过渡动画的属性,它允许你在不使用任何JavaScript的情况下实现动画效果。它可以让你指定一个属性,当你改变该属性的值时,它会以一种平滑的方式过渡到新的值。
使用方法
- 为要过渡的属性设置transition-property属性,指定要过渡的属性,语法如下:
transition-property: property;
- 设置transition-duration属性,指定过渡的时间,语法如下:
transition-duration: time;
- 设置transition-timing-function属性,指定过渡的速度曲线,语法如下:
transition-timing-function: timing-function;
- 设置transition-delay属性,指定过渡的延迟时间,语法如下:
transition-delay: time;
注意:transition-property属性可以指定多个属性,只要用逗号分隔即可,如:
transition-property: width, height;
上面的代码表示,width和height这两个属性都会过渡。