CSS动画转换边缘漏洞

Question

我有一个奇怪的错误/滞后，边缘上有一些动画，看起来滞后是在我添加位置后出现的：固定到正在动画的div上，它在每个浏览器上都能正常工作，但在边缘（不是可以肯定safari tho）。

这是一个Codepen链接：https://codepen.io/matheusferraresi/pen/BVWvWg

.animation-box-1 {
max-height: 100vw;
width: 900%;
position: fixed;
}

这就是我要讨论的障碍，有人对我该如何解决有任何想法吗？我需要固定位置，因为我正在像使用预加载器一样使用此动画，或者还有其他方法可以做到吗？

谢谢。

Answer 1

将position:fixed; z-index:-1;添加到.animation-box-2