CSS3-过渡

特点：

    (1)本质上是一帧动画，一帧结束后就没有然后了。。。

    (2) 过度效果的实现，必须通过用户的行为，可能触发的行为：hover，focus，click，js代码

1.transition的属性

   transition-property：指定元素的过度属性。

   transition-duration：规定了过度的时间

   transition-timing-function：规定以何种方式过度。默认值是ease：表示快速，ease-in：表示先慢后快，ease-out先快后慢linear：线性平缓的变换。 

   steps():规定过渡分几步完成。

2.缩写

   Transition：property duration function delay

3.触发过渡

   只有当用户触发了事件，过度事件之后才能进行，比如用户点击，鼠标移入移出等等，这是它一个局限性。