CSS3中translate，transform和translation的区别和联系

Question

如题所述

Answer 1

CSS3中translate，transform和translation的区别和联系如下：
translate:移动，transform的一个方法，通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数。
transform:变形。改变 CSS3中主要包括 旋转：rotate() 顺时针旋转给定的角度，允许负值 rotate(30deg)。
transition: 允许CSS属性值在一定的时间区间内平滑的过渡，需要事件的触发，例如单击、获取焦点、失去焦点等。