css3d总结

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;
}

 

转载于:https://www.cnblogs.com/mengff/p/5283780.html