Css Firefox SVG transform origin修复程序会破坏我动画的另一部分

我的动画在Firefox中被破坏，解决办法是：

svg * { transform-box: fill-box; }

然而，修复也破坏了我的CSS动画的一个工作部分。我尝试过这样删除样式，但不起作用：

#eye * { transform-box: none; }

它正在毁灭：

<g id="eye">
  <path ...>
  <ellipse ...>
</g>

如何覆盖特定元素的转换框修复？

在SVG中指定需要修复类的元素，然后在CSS中指定该元素，而不是将

转换框：填充框作为整个SVG的全局应用

<svg>
  <g id="eye">
      <path ...>
      <ellipse ...>
  </g>
  <g class="brokenElement">
      <path ...>
      <ellipse ...>
  </g>
</svg>

Jack给出了一个可行的答案，即不全局应用修复，而是将需要修复的SVG形状与类一起定位。我坚持使用全局修复，因为它修复了6个形状动画，但只弄糟了一个。然后我用“变换框：视图框”返回

我在这里找到了信息：
添加一个可以演示问题的片段。没有代码，很难想象正在发生什么
.brokenElement { transform-box: fill-box; }

svg * { transform-box: fill-box; }
svg #pig-eye * {transform-box: view-box;}