CSS3过渡与动画

一、过渡

过渡动画： 是从一个状态 渐渐的过渡到另外一个状态

transition: 要过渡的属性  花费时间  运动曲线  何时开始;

属性	描述
transition	简写属性，用于将四个过渡属性设置为单一属性。
transition-property	规定过渡效果所针对的 CSS 属性的名称。
transition-duration	规定过渡效果要持续多少秒或毫秒。
transition-timing-function	属性规定过渡效果的速度曲线。
transition-delay	属性规定过渡效果的延迟(以秒计)。

指定过渡的速度曲线 

 transition-timing-function属性可接受以下值:

• ease -规定过渡效果，先缓慢地开始，然后加速，然后缓慢地结束（默认)
• linear-规定从开始到结束具有相同速度的过渡效果
• ease-in -规定缓慢开始的过渡效果
• ease-out-规定缓慢结束的过渡效果
• ease-in-out-规定开始和结束较慢的过渡效果
• cubic-bezier(n,n,n,n)-允许您在三次贝塞尔函数中定义自己的值