首页 > web前端 > html教程 > css3 transform 2d_html/css_WEB-ITnose

css3 transform 2d_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:14:33
原创
982 人浏览过


以上是2d属性
其他的均为3d属性,设置了这些属性变具备了z坐标上的图形。
例如:rotateX()这个属性设置之后,当前元素就会具备z坐标,如果不设置假视角,是无法看出3d效果的,必须是指perspective属性之后才会,看出3d的效果。如果3d元素中含有3d元素,则必须使用transform-style: preserve-3d;属性才能看出来3d效果,

包括2d元素也一样的。
哪个元素上有3d元素,perspective设置了之后就能看到其3d效果。如果3d元素是在另一个3d元素上面的,如果不设置transform-style: preserve-3d,也是无效的。

perspective: 150px;
perspective-origin: 10% 10%;
perspective-origin属性

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板