为什么这个 SVG 动画被切成两半？

Question

这是我试图显示完整宽度的 SVG 动画 (id="lottie404")。我正在尝试通过检查模式修改现有的 DOM。

CSS有什么问题吗？我已经尝试了几个小时，但似乎找不到解决方案。 提前致谢

Answer 1

问题是您有两次具有相同 ID 的相同 svg。一个ID只能使用一次。所以第二个用 clip-path="url(#__lottie_element_4)" 引用头部中较小的那个，因为它是 DOM.
中第一个具有此 ID 的元素 删除 header 中的一个，您将看到另一个可以工作。

要解决这个问题，您必须使用不同的 ID。