Css:transform中的3D旋转z轴不生效

Css:transform中的3D旋转z轴不生效_第1张图片
上面的图片右边的部分我使用:transform: translate3d(0px, 0px, -99.9023px) rotateX(0deg) rotateY(-49.9512deg);以后发现并有Z轴方向的旋转,Z轴如果旋转了红线和蓝线应该不一样样长,最后发现div样式中有个:**overflow: hidden;**属性
Css:transform中的3D旋转z轴不生效_第2张图片
关了以后就正常了
Css:transform中的3D旋转z轴不生效_第3张图片

总结:overflow: hidden;属性会影响css中transform中的3D旋转中Z轴的展现

你可能感兴趣的:(css3)