HTML如何2d和3d转换

现在比较流行的VR和裸眼3D想必大家都一定听说过，今天给大家介绍的的是在HTML里，怎么转换2D和3D效果。

transform:

       rotate()  旋转函数 (deg)

deg  度数

       skew(X,Y) 倾斜函数 (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

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

Js获取获取样式的常见方式

Js操作window窗口对象的实现步骤

Js操作非IE事件对象属性，方法的详细介绍

以上是HTML如何2d和3d转换的详细内容。更多信息请关注PHP中文网其他相关文章！