html5

过渡动画

   元素样式从一种状态到另外一种状态的过程，就叫过渡动画。

实现方式： 给元素添加transition属性即可。

transition属性值：

property：可以做动画的属性。 默认是all。

duration： 动画的持续时间。 单位是秒s。

timing-funciton: 动效函数。 Linear 匀速。

delay： 时间。 动画可以延迟多长时间后执行。 单位是秒s。

平移。 Translate(X，Y); translateX()水平方向,  translateY()垂直方向。单位px.

缩放。 Scale(X,Y); scaleX()宽度变化; scaleY()高度变化;   单位：无单位，直接写数值。

旋转。RoateX(); X轴旋转，体操运动员杠杆运动；  roateY(); Y轴旋转，钢管舞；roateZ(); Z周旋转， 转盘。  单位：deg，度数。

变形。Skew() 变形