Animation 3 SVG'；它在同一页上

我试图在我们未来网站的主页上显示3个动画svg。 当分别为每个svg设置动画（每个svg在一个页面上）时，效果良好

但是，当在同一页面上设置它们的动画时，它们不会提前渲染，因为第二个svg显示第一个svg的一些元素，第三个svg从第二个svg中获取元素时也会显示同样的内容

我猜这是因为不同面具的名字，但我尝试过重命名它们，问题仍然存在

我没有办法了。有没有SVG专家可以提供帮助？那太酷了。谢谢大家!

这是一个包含3个svg的测试页面

每个SVG有3种状态：

第1页上的状态1为“S0”

状态2为第1页上的“S0 SAnimStart”

状态3在第2页为“S1可见”

---

谢谢大家：）

所有SVG都是HTML-DOM的一部分，也包括所有关键帧定义。因此，id有多种用途，例如

id=“page-1”

。使用唯一ID或在层的css类上绑定动画。

您的测试页面仅包含svg和关键帧动画，但是否缺少一些脚本？我看不到任何动画。