逐帧动画是逐帧跳转，去除帧中间的过渡效果，设置动画动画的animation-timing-function为stepsfunctionsteps([,[start|end]]?)第一个参数指定每两个关键帧之间要完成多少步。第二个参数是可选参数结尾。默认值为结束步骤开始。变化过程中，使用下一帧的显示效果填充区间动画步结束变化时，使用上一帧的显示效果填充区间动画图像处理（将图像拼接成单张列精灵图像）css.app{宽度：2rem;//显示动画框的宽度，保证是一帧高度的宽度：2rem;//显示动画框的高度，确保是一帧的高度background:url("./imgs/image.png")no-repeat;background-position:00;background-size:2rem;//这里需要保证背景图的宽度和方块动画的宽度一致：myAnimation5ssteps(124)infinite;//steps(124)124为Sprite图片的动画帧数}@keyframesmyAnimation{to{background-position:0-248rem;//精灵图片动画结束位置}}参考animation-timing-function
