CSS3-转换之translate

在讲解之前，我们先将我们要变换的元素看做一个正方体，为了方便理解，我标注了XYZ轴以及方向，如下图： translate有四种情况，如下： 1、translateX(x) 定义X轴转换，即仅在水平方向移动，正值向右移动，负值向左移动，原理如下图： 元素向右移动了30px，俯视图如上图。 2、translateY(y) 定义Y轴转换，即仅在垂直方向移动，也就是上面正方体的前后移动，正值垂直方向向下，

>>阅读原文<<