1-1(2d).
translateX(x)---以x轴为方向，移动xpx或者百分比。translateX(x)也可以用translate(x)来表示。无3d透视的情况效果如下。
translateX(10px) 或者
translate3d(10px,0,0)
实例变化过程
中心线
1-2(3d).
translateX(x)---以x轴为方向，移动xpx或者百分比。translateX(x)也可以用translate(x)来表示。在有3d透视的情况如下，可见与无3d透视时表现一致。
translateX(10px) 或者
translate3d(10px,0,0)
实例变化过程
中心线
2-1(2d).
translateY(y)---以y轴为方向，移动ypx或者百分比。无3d透视的情况效果如下。
translateY(10px) 或者
translate(0,10px,0)
实例变化过程
中心线
2-2(3d).
translateY(y)---以y轴为方向，移动ypx或者百分比。在有3d透视的情况如下，可见与无3d透视时表现一致。
translateY(10px) 或者
translate(0,10px,0)
实例变化过程
中心线
3-1(2d).
translateZ(z)---以z轴为方向，移动zpx或者百分比。无3d透视的情况效果如下，无任何效果。
translateZ(10px) 或者
translate(0,0,10px)
中心线
3-2(3d).
translateZ(z)---以z轴为方向，移动zpx，不能百分比。有3d透视的情况如下，正数向屏幕外移动（放大）
translateZ(100px) 或者
translate(0,0,100px)
实例变化过程
中心线
3-3(3d).
translateZ(z)---以z轴为方向，移动zpx,不能为百分比。有3d透视的情况如下，负数则向屏幕内移动（缩小）
translateZ(-100px) 或者
translate(0,0,-100px)
实例变化过程
中心线