在创建CSS-animated menu burger button时，我偶然发现了Firefox的奇怪之处。
请参阅此CodePen以获取示例：http://codepen.io/rijk/pen/vfmHa。在Chrome中它按预期工作;当悬停在线上时，它从右角向下旋转45度，如CSS中所定义：
line {
transform-origin: right center;
}
svg:hover line {
transform: rotate( -45deg );
}
但在Firefox中，它似乎完全忽略了transform-origin属性！即使它在开发人员工具中明显活跃，但修改其值（例如left）似乎什么都不做。
我做错了吗？或者这是Firefox中的错误？