CSS3动画/关键帧在IE11中不起作用

时间:2015-07-01 02:15:52

标签: css3 svg css-animations internet-explorer-11 keyframe

我有一些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;
    }
}

<小时/> 这真的很简单但是如果需要更多细节请问(我不能发布这个因为stackoverflow说我应该更具体。)

1 个答案:

答案 0 :(得分:0)

不幸的是,IE目前不支持SVG的CSS动画。