CSS3-轉換之translate

在講解之前，我們先將我們要變換的元素看做一個正方體，爲了方便理解，我標註了XYZ軸以及方向，如下圖： translate有四種情況，如下： 1、translateX(x) 定義X軸轉換，即僅在水平方向移動，正值向右移動，負值向左移動，原理如下圖： 元素向右移動了30px，俯視圖如上圖。 2、translateY(y) 定義Y軸轉換，即僅在垂直方向移動，也就是上面正方體的前後移動，正值垂直方向向下，

>>阅读原文<<