【发布时间】：2013-09-27 14:10:20
【问题描述】：
嘿！
我正在重新设计我的site 和 我有一堆 svg/css 动画在 chrome 之外中断，我不知道为什么。
这似乎与处理多个嵌套动画和变换原点有关（他们没有处理它们）。
我检查了兼容性 - 很好，如果浏览器处理来源的方式不同 - 不。
我没有足够的代表来发布适当的链接（太多）和代码（太长）：\ 但如果您能检查该网站，我将非常感激。
提前感谢您为此付出的任何努力。
编辑：修复了测试用例http://codepen.io/anon/pen/KJlkb
回答：Firefox 不支持对象的百分比（我不确定，但它似乎只影响路径和 g 元素）。
解决方案：使用像素而不是百分比来制作动画。使用变换原点，就好像它与 SVG 视图框尺寸相关，而不是对象尺寸。
感谢Robert Longson 让我走上了正确的道路。他的链接在 cmets。
【问题讨论】：
-
请举一个具体动画中断的例子
-
哦，老实说，所有这些。如果您在 chrome 中查看它，您会发现差异。例如，时钟应该旋转......好吧，就像时钟一样，但它到处飞来飞去。
-
您确实需要将其分解为特定的测试用例。
-
这是一个我也在编辑中添加的示例codepen.io/anon/pen/KJlkb
标签： html css animation svg webkit