CSS3中的translate、transform和transi

transform和translate

用途

transform是变形的意思，translate是transform的一个属性，表示2D动作。

ex

  transform：translate(0,100%) 表示从元素的当前位置延y轴方向，向下移动整个元素高度的距离

  transform：translate(-20px,0)表示从元素的当前位置延x轴方向，向左移动20px

  transform有很多其它属性值，translate3D（3D变换）,scale（2D缩放）等其他的变换方式；

transition

用途

实现动画过程

需要变换的属性 变换需要的时间 控制动画速度变化 延期多少时间后开始执行

ex

transition:width 2s;

transition:translate 2s;

transtion:all 2s;