解释
transition( CSS 属性)是 transition-property,transition-duration,transition-timing-function 和 transition-delay 的一个简写属性。
transition可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。
以下是属性解释。
值 | 描述 |
---|---|
transition-property | 指定CSS属性的name,transition效果 |
transition-duration | transition效果需要指定多少秒或毫秒才能完成 |
transition-timing-function | 指定transition效果的转速曲线 |
transition-delay | 定义transition效果开始的时候 |
以下列出了transition常用的几种。
1. transition: property name | duration
举例: transition: width .8s;
表示width属性变化时 过渡时间为0.8s
2. transition: property name | duration | delay
举例:transition: width .8s .5s;
表示width属性变化时 过