CSS3 animation/keyframes 在 IE11 中无效

Question

我有一些 svg 元素，我想用 css 动画更改它们的填充颜色。它适用于 Chrome 和 FireFox，但不适用于 IE11。有什么想法吗？

.particleColor {
    -moz-animation-name: colorChange;
    -o-animation-name: colorChange;
    -webkit-animation-name: colorChange;
    animation-name: colorChange;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
   } 

---

  @-moz-keyframes colorChange {
    from {
        fill:transparent;
    }
    to {
        fill:powderblue;
    }
     }

@-webkit-keyframes colorChange {
    from {
        fill:transparent;

    }
    to {
        fill:powderblue;
    }
   }

@keyframes colorChange {
    from {
        fill:transparent;
    }
    to {
        fill:powderblue;
    }
}

---

这真的很简单，但如果需要更多细节，请询问（我不能 post 因为它是因为 Whosebug 说我应该更具体。）

Answer 1

很遗憾，IE 当前不支持 CSS SVG 动画。