translate、transform和translation的区别和联系

transform:改变
旋转：rotate()顺时针旋转给定的角度，允许负值
扭曲：skew()元素反转给定的角度，根据给定的水平线X轴和垂直线Y轴
缩放：scale（）放大或缩小，根据给定的宽度X轴和高度Y轴参数
移动：translate()平移，传进X,Y值，代表沿X轴和Y轴平移的距离
所有的2D转换方式组合在一起,matrix()旋转、缩放、平移以及倾斜元素
matrix(scale.x,scale.y,translate.x,translate.y)

translate:移动
它是transform()的一个方法，元素从当前位置移动，根据给定的x轴和y轴位置参数

transition:允许CSS属性值在一定的时间区间内平滑的过渡
需要事件的触发，例如单击、获取焦点、失去焦点
transition:property duration timing-function delay
property:CSS的属性，例如：width height 为none时停止所有的运动，可以为transform
duration:持续时间
timing-function:ease等
delay:延迟
注意：当property为all的时候所有动画

原文链接
https://www.cnblogs.com/mumu-web/p/5706779.html