HTML如何2d和3d转换


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

现在比较流行的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转换的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html br标签是什么意思?还有Html<br/>和</br>的区别是什么?

Html语义化的含义和意义是什么

Html abbr标签是什么意思?Html abbr标签的具体用法详解

Html中button标签的用法

Html如何禁止文本框输入

Html表单中textarea属性怎么固定大小?textarea属性实例介绍

npm机制深入理解

Html td怎么设置宽度

Html的注释符号是什么

Html实现在线预览文件功能(图文详解)

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...