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

 

相关文章:

  • 2021-08-22
  • 2022-12-23
  • 2021-12-27
  • 2021-05-19
  • 2022-01-09
  • 2021-05-12
  • 2021-10-18
  • 2022-12-23
猜你喜欢
  • 2021-07-11
  • 2022-12-23
  • 2021-10-21
  • 2022-02-20
  • 2022-12-23
  • 2021-10-16
  • 2022-12-23
相关资源
相似解决方案