美文网首页
animation 逐帧动画

animation 逐帧动画

作者: 爱抹茶的小狮子 | 来源:发表于2019-08-02 10:02 被阅读0次

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

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

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

相关文章

网友评论

      本文标题:animation 逐帧动画

      本文链接:https://www.haomeiwen.com/subject/jyykdctx.html