网布就是我们的屏幕,x轴沿屏幕平行的水平方向,y轴沿屏幕平行的垂直方向,z轴沿与屏幕垂直方向。
rotateX(angle), rotateY(angle), rotateZ(angle), rotate3d(x, y, z, angle)
perspective
;在没有设定视距条件下,会被默认为视距无穷远,因此旋转得到的微弱的梯形效果也就忽略了
.rotate3d {
background: lightgreen;
transform: perspective(100px) rotate3d(1,0,-1,30deg);
}
transform-transition-animation(1)
原文:https://www.cnblogs.com/Damocless/p/11940588.html