HTML如何2d和3d轉換

現在比較流行的VR和裸眼3D想必大家都一定聽過，今天跟大家介紹的是在HTML裡，怎麼轉換2D和3D效果。

transform:

       rotate()  旋轉函數 (deg)

deg  度數

   (deg)

skewX()

skewY()

       scale(X,Y) 縮放函數 (正數、負數與小數)

#scaleX ()

scaleY()

       translate(X,Y) 位移函數(px)

translateX()

translateY()

transform 簡寫執行順序(後寫先執行)

transform-style（preserve-3d） 建立3D空間

perspective 視鏡

#perspective- origin 視鏡基點

       x:left/center/right/length/%

       y:top/center/bottom/length/ %

transform 新增函數

rotateX()

rotateY()

rotateZ()

# translateZ()

scaleZ()

transform-origin: x,y;旋轉的基準點

       x : left/center/right/length/%

#       y : top/center/bottom/length/%

       z : length

相信看了這些案例你已經掌握了中文方法，更多精彩請參考文章！

相關閱讀：

Js取得取得樣式的常見方式

Js操作window視窗物件的實作步驟

Js操作非IE事件物件屬性，方法的詳細介紹

以上是HTML如何2d和3d轉換的詳細內容。更多資訊請關注PHP中文網其他相關文章！