在Firefox上，此JSFiddle无效。
在铬合金中，您可以看到螺丝刀周围的齿轮旋转，但在Firefox中，它会旋转整个图像。我尝试使用-moz-来制作动画和关键帧而没有运气。
我还尝试使用transform-origin，center，center center等多个值来实现50% 50%。
有解决方法吗？
答案 0 :(得分：1)
你是正确的，因为它与变换起源有关，你正在经历的是正确的行为。中心的原点是相对于父对象及以上，因为我们处理SVG，定位是在screwdriver-icon和screwdriver-gear的HTML部分中定义的。看看矢量，我们看到它们中的大多数位于x：288 - 310和y：180 - 190.4之间。通过反复试验，我得出了你的齿轮中心位于x：303和y：190.4。这适用于Chrome和Firefox。请参阅更新的小提琴：