明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

HTML如何2d與3d轉換

[摘要]現(xiàn)在比較流行的VR和裸眼3D想必大家都一定聽說過,今天給大家介紹的的是在HTML里,怎么轉換2D和3D效果。transform: rotate() 旋轉函數(shù) (deg)deg 度數(shù) skew(X,Y) 傾斜函數(shù) (deg)skewX()skewY() sca...
現(xiàn)在比較流行的VR和裸眼3D想必大家都一定聽說過,今天給大家介紹的的是在HTML里,怎么轉換2D和3D效果。

transform:

rotate() 旋轉函數(shù) (deg)

deg 度數(shù)

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

skewX()

skewY()

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

scaleX()

scaleY()

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

translateX()

translateY()

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

transform-style(preserve-3d) 建立3D空間

perspective 視鏡

perspective- origin 視鏡基點

x:left/center/right/length/%

y:top/center/bottom/length/%

transform 新增函數(shù)

rotateX()

rotateY()

rotateZ()

translateZ()

scaleZ()

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

x : left/center/right/length/%

y : top/center/bottom/length/%

z : length

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網(wǎng)其它相關文章!

相關閱讀:

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

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

Js操作非IE事件對象屬性,方法的詳細介紹

以上就是HTML如何2d和3d轉換的詳細內容,更多請關注php中文網(wǎng)其它相關文章!


網(wǎng)站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網(wǎng)站。