动画SVG剪切路径在Firefox中不起作用

Question

我有一个带剪贴蒙版的svg，用Greensock GSAP动画。 （JS动画CSS3转换属性）

适用于Chrome，Safari，IE，但不适用于Firefox。

HTML

<svg version="1.1" width="240" height="240" >
  <defs>
    <clipPath id="MASK_1">
        <rect class="mask" x="60" y="60" width="100" height="100" />
    </clipPath>
  </defs>
  <rect clip-path="url(#MASK_1)" x="0" y="0" width="240" height="240" />
</svg>

<br /><a href="#" class="btn-1">mask animation in</a>
<br /><a href="#" class="btn-2">mask animation out</a>

的JavaScript

$('.btn-1').bind('click', function() {
  TweenMax.to('.mask',  3, {scaleX: 0.5});
});
$('.btn-2').bind('click', function() {
  TweenMax.to('.mask',  3, {scaleX: 1});
});

测试（在Chrome和Firefox中测试）

http://jsfiddle.net/drb2szbw/1/

有什么想法吗？