保留CSS动画颜色填充

Question

我试图创建一个改变滚动颜色的转换徽标。我简化了我的CSS，使其更容易解释。

@-webkit-keyframes rotate-change {
        100% {fill:blue}
}

.change{
  fill:red;
  -webkit-animation: rotate-change;
}

具有＆＃34; .change＆＃34;类的项目填充颜​​色为红色的开始。我想要的是在动画结束后填充颜色变为蓝色，如＆＃34; -webkit-keyframes＆＃34;确实。唯一的问题是在动画期间，填充颜色从红色变为蓝色，但是当动画结束时，填充颜色将恢复为红色。有没有办法永久保持动画的填充颜色，即使它结束了？

Answer 1

尝试

animation-fill-mode:forwards;