3D
transform:rotate3d(x,y,z,a)
(0.6,1,0.5,45deg)
transform-origin 允许改变转换元素的位置,(中心点)
transform-style 嵌套元素在3D空间如何显示(舞台)
perspective 规定3D元素的透视效果
perspective (视角)
origin 规定3D元素的底部位置
backface-visbility 元素在不面对屏幕时是否可见
transform-origin:x-axis y-axis z-axis
x-axisy-axis的值:left、center、right、length、%
z-axis的值:length
perspective:number(px) none[元素视图的距离)
transform-style:flat(子元素将不保留其3D效果)
preseve-3d(子元素将保留3D效果)
transform:scaleZ(5) rotateX(30deg)
scaleZ 单独使用会失效,需要配合其他元素