不定時更新
1.translate3D 可以調用GPU進行3D加速
2.translate 因為是 2D 移動,所以不能調用GPU進行3D加速
3.translate3D 可以在一個 z-axis (Z軸) 方向進行移動,正值會感覺元素離你更近,負值會感覺更遠,不像translate只能平移。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/translateZ
4.translate 是二個維度的向量
https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/translate
5.translate3D 是三個維度的向量
https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/translate3d
translate3D 和 translate 都有的 X 和 Y 移動:
Y:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/translateY
X:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/translateX