3D变换

CSS代码

transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
transform-origin:center center;
backface-visibility:visible;

调节

transform-origin设置旋转的基点位置,默认是元素width和height的中心

backface-visibility 旋转到背后时,背面是否透明,如果透明,就像露天电影一样,可到屏幕布背面观看,否则就像是PC显示器了

提示

必须按rotateX(0deg) rotateY(33deg) rotateZ(45deg)的顺序,如果按rotateX(0deg) rotateZ(45deg) rotateY(33deg)会出错