我有一些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说我应该更具体。)
答案 0 :(得分:0)
不幸的是,IE目前不支持SVG的CSS动画。