不定時更新

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

總結

以上是生活随笔為你收集整理的translate 和 translate3D 的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。