3D轉(zhuǎn)換我們主要學(xué)習(xí)工作中最常用的3D位移和3D旋轉(zhuǎn)
主要知識(shí)點(diǎn)

• 3D位移 ：translate3d(xy,z)
• 3D旋轉(zhuǎn)： rotate3d(xy,)
• 透視： perspective
• 3D呈現(xiàn)： transfrom- style
• 二、3D移動(dòng) translate3d

• 3D移動(dòng)在2D移動(dòng)的基礎(chǔ)上多加了一個(gè)可以移動(dòng)的方向，就是z軸方向。

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

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

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

  Jetbrains全家桶1年46，售后保障穩(wěn)定

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。