以上是2d属性
其余的均为3d属性,设置了这些属性变具有了z坐标上的图形。
例如:rotateX()这个属性设置以后,当前元素就会具有z坐标,若是不设置假视角,是没法看出3d效果的,必须是指perspective属性以后才会,看出3d的效果。若是3d元素中含有3d元素,则必须使用transform-style: preserve-3d;属性才能看出来3d效果,spa
包括2d元素也同样的。
哪一个元素上有3d元素,perspective设置了以后就能看到其3d效果。若是3d元素是在另外一个3d元素上面的,若是不设置transform-style: preserve-3d,也是无效的。3d
perspective: 150px;
perspective-origin: 10% 10%;
perspective-origin属性orm