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-axis\y-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