1.轉換

? transform：轉換函數

? transform-origin：方向

? 1.位置轉換-位移

? transform：translate（x，y，z）

? transform：translateX（x）~

? transform：translate3d（x，y，z）

2.旋轉

? transform：rotate（*deg）

? transform：rotateX（*deg）~

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

3.放縮

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

? transform：scaleX（x）~

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

4.斜切【略】

2.3d

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

2.設置變形的基點：transform-origin：x坐標 y坐標 | 方向;

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

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

總結

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

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