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按预期工作。