svg mask rect在firefox中没有维度

Question

我在悬停遮罩SVG的不透明度时动画，在图像上放置半透明层。它的工作正常，除了Firefox，没有显示掩码，图像全白。掩码通过CSS

应用于图像

        <svg id="svg-fade" class="visible-sm-block img-circle" width="200" height="200">
          <defs>
            <mask id="mask2" width="200" height="200" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
              <rect x="0" y="0" width="200" height="200" style="stroke:none; fill: #bbbbbb"></rect>
              <rect x="95" y="50" width="10" height="100" style="stroke:none; fill: #000000"></rect>
              <rect x="50" y="95" width="100" height="10" style="stroke:none; fill: #000000"></rect>
            </mask>
          </defs>
          <rect class="target" width="200" height="200" style="stroke:none; fill: rgba(255,255,255,1)"></rect>
        </svg>

可以查看实时代码here。

是否缺少某个属性或为什么掩码没有显示在Firefox中？

非常感谢您的帮助！