无法在firefox中设置转换原点

Question

我正在尝试使用SVG和CSS3创建动画并且它在Chrome上运行正常，但在Firefox上不起作用 我尝试将-moz-前缀添加到transform-origin:，但它无法正常工作

here是我创建的实时示例

我添加的Css规则是：

#aniBin {
  overflow: visible;
}
#Bin:hover #cap {
  transition-duration: 400ms;
  transform: rotate(-150deg);
  transform-origin:0% 90%;
  -moz-transform-origin:0% 90%;
}

Answer 1

如果将百分比用作单位，则Firefox中目前不支持

transform-origin。 尝试使用像素：

transform-origin:0 10px;