SVG动画填充到无导致黑色背景

Question

我希望这可以动画成透明背景。知道为什么它会变成黑色或如何修复它吗？

<svg>
  <rect height="100" width="100">
    <animate attributeName="fill" from="red" to="none" dur="3s" fill="freeze">
  </rect>
</svg>

相关CodePen：http://codepen.io/corysimmons/pen/Byeoyw?editors=100

Answer 1

none 无效。 transparent 按预期工作。