Css3过渡属性

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/
以上属性值可结合在一起书写：