我要实现一个点赞的动画图,只需要循环一次即可。但是动画执行完之后会停留在空白处,处理了好久,终于找到了原因。
forwards模式下,steps(10,end) 是有机会把帧数走完的,所以会停留在空白处。修改成step(9,end),动画就会停留在第十帧,不会空白了。修改step里面的数字时,也要相对应的修改background-position的宽度,要不然动画会轮播滑动。
我要实现一个点赞的动画图,只需要循环一次即可。但是动画执行完之后会停留在空白处,处理了好久,终于找到了原因。
forwards模式下,steps(10,end) 是有机会把帧数走完的,所以会停留在空白处。修改成step(9,end),动画就会停留在第十帧,不会空白了。修改step里面的数字时,也要相对应的修改background-position的宽度,要不然动画会轮播滑动。
本文标题:animation 逐帧动画
本文链接:https://www.haomeiwen.com/subject/jyykdctx.html
网友评论