CSS3 Transitions 指定过渡
语法:
transition: property duration timing-function delay;
参数一:
- transition-property : 规定应用过渡效果的CSS属性的名称。
- none:没有属性会获得过渡效果。
- all:所有属性会获得过渡效果。
- property:指定过渡效果的CSS属性,列表以逗号分隔。
参数二:
- transition-duration:过渡时间。
- time:以秒或毫秒为单位。
参数三:
- transition-timing-function:规定过渡效果的速度曲线。
参数四:
- transition-delay:定义过渡效果何时开始。
- time:规定在过渡效果开始之前需要等待的时间,以秒或毫秒为单位。
代码:
![](https://images2015.cnblogs.com/blog/782332/201608/782332-20160805205800903-235202047.png)
效果:
![](https://images2015.cnblogs.com/blog/782332/201608/782332-20160805205822684-125557187.gif)