transition transform translate 之间的区别

01.transform(转换) 和 translate

transform的中文翻译是变换、变形，是css3的一个属性，和其他width，height属性一样

translate 是transform的属性值，是指元素进行2D变换，2D变换就是指，元素以当前位置（0,0）按照x轴的方向移动多少，按照y轴的方向移动多少

例如：

• transform：translate(0,100%)表示从元素的当前位置延y轴方向，向下移动整个元素高度的距离
• transform：translate(-20px,0) 表示从元素的当前位置延x轴方向，向左移动20px
• transform 有很多其它属性值
  translate3D定义 3D 转换
  scale 定义 2D 缩放转换
  rotate 定义 2D 旋转，在参数中规定角度
  skew 定义沿着 X 和 Y 轴的 2D 倾斜转换