3d舞台 设置 perspective(景深): length, 可以设置overflow:hidden
3d舞台下 -> 3d元素容器 设置 transform-style: preserve-3d,不可设置 overflow: hidden(其如同transform-style:flat;)
隐藏后背元素 backface-visibility: hidden;
transform-style: preserve-3d 只影响这个元素的子元素,孙子元素无效,即3d元素的父元素必须设置该属性
perspective: length 仅作用于元素的后代,而不是其元素本身
<div class="container"> <div class="stage"> </div> </div>
.container{ perspective: 1000px; -webkit-perspective: 1000px; } .stage{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }