请原谅我可怕的英语。当我想在firefox中设置SVG动画时，我遇到了问题。问题来自“变形起源” 我的代码示例： http://codepen.io/anon/pen/JbOamB 问题是在Firefox中，动画失控
EJ：
-moz-transform-origin:30% 20%;
-ms-transform-origin:30% 20%;
-o-transform-origin: 30% 20%;
-webkit-transform-origin: 30% 20%;
transform-origin: 30% 20%;
答案 0 :(得分：2)
仅当svg.transform-box.enabled中的about:config偏好设置为true并且该元素具有
transform-origin中的百分比值才会“按预期”在Firefox中“正常工作”
transform-box: fill-box。
相关错误是Bug 1209061 - transform-origin not applied correctly on svg content。
答案 1 :(得分：1)
根据规范，Firefox的行为正确。在规范最终确定之前，Chrome已实施transform-origin。它处理百分比值与最终规范指定的值不同。他们尚未确定AFAIK。
如果您希望动画与所有浏览器兼容，请不要在transform-origin中使用百分比值。
transform-origin: 3246px 6271px;