保留CSS动画颜色填充

Question

我正在尝试创建一个在滚动中更改颜色的转换徽标。我简化了css，使其更易于解释。

@-webkit-keyframes rotate-change {
        100% {fill:blue}
}
.change{
  fill:red;
  -webkit-animation: rotate-change;
}

类为".change"的项以红色填充色开始。我想要的是在动画结束后将填充色更改为蓝色，就像"-webkit keyframe"一样。唯一的问题是，在动画过程中，填充颜色从红色变为蓝色，但当动画结束时，填充颜色会恢复为红色。有没有办法永久保持动画的填充颜色，即使在动画结束后？

Answer 1

尝试

animation-fill-mode:forwards;