transform scale css 3 SVG

Question

我有下一个代码：

http://codepen.io/anon/pen/xGRzVq

<style>
   #pulse {animation : pulse 1s infinite 1s, hideme 15s;}
   @keyframes pulse {0%{transform: scale(0,0);opacity: 0.5} 100%{transform: scale(1,1);opacity: 1.5}
   @keyframes hideme {100%{display: none}}
</style>

但看起来"transform: scale(0,0)"似乎无法在IE 11中使用，我可以使用其他转换来更改圆圈的大小吗？

提前谢谢。

Answer 1

IE不支持SVG元素的CSS转换。您可能想要使用其中一个SVG库，例如Snap等。或者您可以通过使用JS操作transform属性来手动完成。