3D轉換我們主要學習工作中最常用的3D位移和3D旋轉
主要知識點

• 3D位移 ：translate3d(xy,z)
• 3D旋轉： rotate3d(xy,)
• 透視： perspective
• 3D呈現： transfrom- style
• 二、3D移動 translate3d

• 3D移動在2D移動的基礎上多加了一個可以移動的方向，就是z軸方向。

  translform: translateX(100px):僅僅是在x軸上移動
  translform: translateY(100px):僅僅是在Y軸上移動
  translform: translateZ(100px):僅僅是在Z軸上移動(注意： translateZ一般用px作單位)
  transform: translate3d(x,y,z):其中x、y、z分別指要移動的軸的方向的距離
  注意：

  translateZ 沿著Z軸移動
  translateZ 后面的單位一般跟px
  translateZ(100px)向外移動100px（向我們的眼睛來移動的）
  目前看不到效果，需要配合透視使用
  

  transform: translateX(100px) translateY(100px) translateZ(100px); 
  transform: translate3d(100px,100px,100px);
  

  Jetbrains全家桶1年46，售后保障穩定

總結

以上是生活随笔為你收集整理的3D移动 translate3d的全部內容，希望文章能夠幫你解決所遇到的問題。

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