css - 变换比例 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 操作转换属性来手动完成。