以下代码生成一个透视图效果，可以在滚动时改变查看元素的角度:

<div class="parent"> 
    <div class="box"/> </div>
    <div class="box"/> </div>
    <div class="box"/> </div
</div>

<div class="parent"> 
    <div class="box"/> </div>
    <div class="box"/> </div>
    <div class="box"/> </div
</div>

codepen:https://codepen.io/davste93/pen/zeydjek

但是，这对于实际情况并不实际，因为在父元素和转换元素之间添加一个元素（请参见：嵌套）时，它就会中断:

<div class="parent"> 
    <div class="box"/> </div>
    <div class="box"/> </div>
    <div class="box"/> </div
</div>

这难道不是保护3D的本意吗？似乎什么都不起作用。

有没有一种方法可以让CSS透视图动画在包含元素的滚动中工作？

我知道使用透视图起源和javascript也能达到同样的效果，但如果可能的话，我希望将其保留在纯CSS中。

顺晟科技：

在这次旅行中我发现了一些事情:

1. 溢出：隐藏中断透视图，即使有保存-3D
2. 任何嵌套元素都需要保存-3D
3. 角组件（除非它们具有display：block）不传递下透视。

工作示例:

<div class="parent"> 
    <div class="box"/> </div>
    <div class="box"/> </div>
    <div class="box"/> </div
</div>

<div class="parent"> 
    <div class="box"/> </div>
    <div class="box"/> </div>
    <div class="box"/> </div
</div>

https://codepen.io/davste93/pen/jowjxop