animation 逐帧动画

我要实现一个点赞的动画图,只需要循环一次即可。但是动画执行完之后会停留在空白处,处理了好久,终于找到了原因。

forwards模式下,steps(10,end) 是有机会把帧数走完的,所以会停留在空白处。修改成step(9,end),动画就会停留在第十帧,不会空白了。修改step里面的数字时,也要相对应的修改background-position的宽度,要不然动画会轮播滑动。

参考链接:http://wanlimm.com/77201809146901.html

你可能感兴趣的:(animation 逐帧动画)