1.轉(zhuǎn)換

? transform：轉(zhuǎn)換函數(shù)

? transform-origin：方向

? 1.位置轉(zhuǎn)換-位移

? transform：translate（x，y，z）

? transform：translateX（x）~

? transform：translate3d（x，y，z）

2.旋轉(zhuǎn)

? transform：rotate（*deg）

? transform：rotateX（*deg）~

? transform：rotate3d（x，y，z，*deg）【xyz是處于0或者1的數(shù)字，0代表該方向不旋轉(zhuǎn)；1反之】

3.放縮

? transform：scale(w,h);[w是寬度的倍數(shù)，h是搞的倍數(shù)]

? transform：scaleX（x）~

? transform: scale3d(x,y,z);

4.斜切【略】

2.3d

1.設(shè)置舞臺的類型：transform-style：preserve-3d | flat；平面

2.設(shè)置變形的基點(diǎn)：transform-origin：x坐標(biāo) y坐標(biāo) | 方向;

3.設(shè)置背面看不見：backface-visibility:visible | hidden;

4.設(shè)置景深：perspective：*px；【觀察者距離被觀察物體之間的距離】

總結(jié)

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

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