Css3过渡属性
Css3中增加里许多的属性,transition(过渡)是css3新增的其中一条属性,它使我们无需使用flash动画或JavaScript就可以实现简单的动画效果,transition(过渡)它不可自己单独实现必须在特定的指示下才能有效果,比如:鼠标划过,点击或者在某种触发条件下。
Transition(过渡)属性:
1.transition-property:给需要的对象设置过渡,可设置width(宽),height(高),也可设置all(默认值)所有属性都可设置;
2.transition-duration:给所需对象设置过度的持续时间,单位{s(秒),ms(毫秒)}
3.transition-delay:给所需对象设置延迟时间,设置后对象将延迟触发,单位{s(秒),ms(毫秒)}
4. transition-timing-function:设置所需对象中过渡的动画类型
linear 匀速
ease(默认值) 逐渐慢下来
ease-in 加速
ease-out 减速
ease-in-out 先加速后减速
也可自己参考设置
贝塞尔曲线网址:http://cubic-bezier.com/
以上属性值可结合在一起书写: