css3过渡动画效果

可以用css3设置动画过渡效果，有transition、transition-property、transition-duration、transition-timing-function、transition-delay等几个属性。

transition-property可以设置动画是横着或者是竖着变化。

transition-duration可以设置横着或者是竖着变化完成的时间。

transition-timing-function可以设置动画完成速度快慢。

transition-delay可以设置动画延迟时间。

如以下示例代码：

transition的简写：

可以直接写transition： 2s 6s；这样代表transition过渡周期是2s，延迟6s执行过渡效果，即transition简写后面跟的时间，第一个时间是周期，第二个时间是延迟时间，如果只有一个时间，就默认是周期时间。

transition：2s width;3s height;代表过渡是在宽度方向是2s完成过渡，在竖直方向是3s完成过渡。