css - SVG 在溢出的网站屏幕上渲染时被切断

Question

我正在尝试为个人项目制作视差效果火车动画。这是通过translateX以不同的速度翻译背景 svgs ( ) 来完成的。我已经使用animejs库实现了这一点。但是，在动画期间，SVG 会在两者之间被切断，如下所示。

我之前尝试过以下方法来解决问题

• overflow : visible
• 摆弄 SVG 的视图框

他们两个都没有工作

不确定这是 SVG 还是用于在网站上呈现它的 CSS 的问题

这是codesandbox链接 Codesandbox火车动画

Answer 1

正如Salil Rajkarnikar所提到的，刚刚删除了 svg 中的 clip-path 属性并且它起作用了。