当前位置:Gxlcms > html代码 > css3transform2d_html/css_WEB-ITnose

css3transform2d_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:22人阅读

以上是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属性

人气教程排行