CSS3 transition过渡和animation动画的属性详解
CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。随着CSS的快速发展,不用javascript同样也可以用animate函数做出绚丽的动画效果。CSS3中可以设置动画效果的属性有两个:Transition和Animation,下面就简单介绍一些这两个属性的使用和操作方法。
transition过渡
transition相对简单，只需要指定以下几个属性即可：
transition-property：规定设置过渡效果的CSS属性的名称。默认值为all，指定 width、 height等CSS样式。transition-duration：规定完成过渡效果需要多少秒或毫秒。需要添加单位：s (秒)或ms (毫秒) ，比如width从100px过渡到200px需要的时间。transition-delay：动画延迟执行的时间。比如2s 指延迟两秒进行过渡，-2s 指提前两秒进行过渡。transition-timing-function: 过渡的动画类型，有以下几种取值。
linear：线性过渡
ease：平滑过渡
ease-in：由慢到快
ease-out：由快到慢
ease-in-out：由慢到快再到慢
cubic-bezier复合写法：
transition:all 2s linear;
transition:linear 2s all;
transition:2s linear all;
需要注意的是：当总时间与延迟时间同时存在的时候&
