3D效果

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 单独使用会失效,需要配合其他元素

原文地址:https://www.cnblogs.com/Gavinzhong/p/6904494.html