css3transform2d

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

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

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