transform:

rotate() 旋轉(zhuǎn)函數(shù) (deg)

deg 度數(shù)

skew(X,Y) 傾斜函數(shù) (deg)

skewX()

skewY()

scale(X,Y) 縮放函數(shù) (正數(shù)、負(fù)數(shù)和小數(shù))

scaleX()

scaleY()

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

translateX()

translateY()

transform 簡(jiǎn)寫執(zhí)行順序(后寫先執(zhí)行)

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

perspective 視鏡

perspective- origin 視鏡基點(diǎn)

x:left/center/right/length/%

y:top/center/bottom/length/%

transform 新增函數(shù)

rotateX()

rotateY()

rotateZ()

translateZ()

scaleZ()

transform-origin: x,y;旋轉(zhuǎn)的基準(zhǔn)點(diǎn)

x : left/center/right/length/%

y : top/center/bottom/length/%

z : length

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

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

Js操作window窗口對(duì)象的實(shí)現(xiàn)步驟

Js操作非IE事件對(duì)象屬性，方法的詳細(xì)介紹

以上就是HTML如何2d和3d轉(zhuǎn)換的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！