translate
translate這個參數的，是transform 身上的，那么它有什么用呢？
其實他的作用很簡單，就是平移，參考自己的位置來平移
translate()
translateX()
translateY()
translateZ()
translate3d()
translateX
向X軸平移，填正數往右平移，填負數，往左平移
translateY
向Y軸平移，填正數往下平移，填負數，往上平移
translateZ
向Z軸平移，這個可能有點難理解，想像一個場景，你現在和電腦屏幕的距離，這就是Z軸的距離，電腦屏幕離你越近，那么translateZ() 里面的值 越大， 電腦屏幕離你越遠， translateZ() 的值就越小。 所以說，Z 增加，那么這個電腦屏幕，離你就越近，
下面要用到旋轉，rotate，不懂的話，請點擊→css3系列之transform 詳解rotate
首先Z 軸是朝向我們的，所以 看不出效果，但是，我們把它轉個身，讓Z軸 面對 右邊，就可以了。
translate() 和 translate3d()
translate 是同時設置 translateX 和 translateY， 所以里面可以填兩個參數， 第一個值 X 第二個 Y
translate3d 是同時設置 translateX ，translateY 和 translateZ 所以里面可以填三個參數
只不過有點不同的是， translate 如果第二個參數不填的話，默認是0， 不過translate3d的話，人家就不同意你不填了，你三個參數，必須都給我填。
