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

 

posted @ 2016-03-16 15:33  全玉  阅读(159)  评论(0编辑  收藏  举报