绝对是 SVG 动画的菜鸟。我使用 SVGator 为我的徽标创建了动画。我已将其导出以使用 JS 并在鼠标悬停时触发。在鼠标移出时，动画会继续循环并仅迭代一次。我遇到的问题是，在我的网站上，此动画仅在第一次鼠标悬停时出现。因此，如果我再次将鼠标移出然后再次鼠标悬停，则不会发生任何事情。
任何帮助都会很棒，这是我当前徽标的 codepen 链接：
https://codepen.io/frommybrain/pen/qBmKjoO
这是代码的 JS 部分的片段：
"options":
{
"start":"hover",
"hover":"none",
"click":null,
"scroll":null,
"font":"embed",
"exportedIds":"names",
"svgFormat":"animated",
"title":"Distractions-Logo big text JS"
},
"animationSettings":
{
"duration":760,
"direction":1,
"iterations":1,
"fill":1,
"alternate":false,
"speed":1.2}
}