css动画效果，有没有更优写法或者方案

Question

问题遇到的现象和发生背景

css编写关键帧需要从0%到100%，每个1%都要写一个效果

遇到的现象和发生背景，请写出第一个错误信息

小程序，设计给了100张关键帧的图片，让我循环出来形成一个动画

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

@keyframes identifier {
  0% { background-image: url('0.png'); }
  1% { background-image: url('1.png'); }
  2% { background-image: url('2.png'); }
  ...
  100% { background-image: url('99.png'); }
}

运行结果及详细报错内容

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

我的思路是每个一个贞换一张图片，那css就要写100行，很繁琐

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

有没有什么其他的解决方案，在小程序上实现这个动画效果

Answer 1

css只有纯手撸，可以考虑一下js