小编dro*_*anz的帖子

如何交替反向循环 SVG 动画?

我是 SVG 的新手,特别是在 SVG 动画中,所以我不知道该怎么做。完成后我需要反转动画并重新开始。我发现了这个如何反转SVG动画的移动方向?并尝试了接受的答案,但我不知道该怎么做。请帮帮我。继承人我的代码:

.s0 {
  overflow: visible;
}
.st0 {
  clip-path: url(#SVGID_6_);
  fill: #FF0500;
}
.st1 {
  opacity: 0.6;
  fill: #FF0500;
}
.st2 {
  clip-path: url(#SVGID_8_);
  fill: #FF0500;
}
.st3 {
  clip-path: url(#SVGID_2_);
  fill: none;
  stroke: #000000;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
.st4 {
  clip-path: url(#SVGID_2_);
  fill: none;
  stroke: #000000;
  stroke-width: 5;
  stroke-linejoin: bevel;
  stroke-miterlimit: 10;
}
.st5 {
  opacity: 0.6;
  clip-path: url(#SVGID_4_);
}
.st6 {
  opacity: 0.7;
  clip-path: url(#SVGID_4_);
}
.st7 {
  clip-path: url(#SVGID_2_);
} …
Run Code Online (Sandbox Code Playgroud)

svg svg-animate

4
推荐指数
1
解决办法
2382
查看次数

标签 统计

svg ×1

svg-animate ×1