css3的过渡属性
transition 可以填写两个参数
第一个参数:元素需要过渡的属性(添加效果的属性)
第二个参数:过渡持续的时间
例如:
transition: width 2s;
如果需要多项改变就可以逗号隔开,例如:
transition: width 2s , height 1s , transform 2s;
| transition过渡属性 | 描述 |
|---|---|
| transition | 简写属性,一个属性可以设置四个过渡属性 |
| transition-property | 过渡元素属性的名称 |
| transiotion-duration | 过渡效果花费的时间,默认为0 |
| transition-timing-function | 过渡效果的时间曲线,默认为“ease” |
| transition-delay | 过渡效果何时开始,即延时,默认0 |
例子: transition: width 1s ease 1s;