Css 变换旋转未按预期旋转多次

我无法使SVG组旋转多次。如果我指定2520度，我希望它旋转七次，就像这里对HTML和SVG元素所做的那样

.旋转{
宽度：100px；
高度：100px；
背景：红色；
}
.旋转：悬停{
变换：旋转（2520度）；
转变：转变为放松；
}
直肠{
宽度：100px；
高度：100px；
背景：红色；
}
g:悬停{
变换：旋转（2520度）；
变换原点：50px 50px；
转变：转变为放松；
}

尝试以下方法：

g:hover {
  animation: 1s 3 spin;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

---

这实际上是因为我覆盖了另一个转换规则，它看起来像：

transform: scale(1);

这对我来说没有意义，它会产生这样的结果，但这就是它在多个浏览器中所做的

我通过将覆盖规则设置为：

transform: none;

---

PS：如果我的回答没有帮助，你可以发布一些方法来接触你的项目，以便进行一些测试吗？如果你真的能生产出最小的可重复性example@Temani很明显，那样会更好。正如我提到的，我不知道如何去做，因为，正如我提到的，我不知道如何复制这个。如果我这样做了，我就不会在这里问了。别担心，有什么办法可以在网上尝试你的项目吗？我不知道该怎么做，因为，正如前面提到的，我不知道如何复制这个。-->那么你希望我们如何帮助你呢？您有一个无法向我们展示的问题，所以没有问题…@Berto99，可能有违反合同的风险，或者项目无法在某个地方永久居住。这确实产生了有益的结果。至少对解决问题有帮助。我会努力的，看看能不能成功。