在我们实际的开发过程中想要让animation在做每一次动画之前都停留几秒,我们应该怎么做呢?

首先笔者第一时间就看到了animation-delay属性,于是我就非常高兴的加上了!以为需求就OK了,但是我们发现,animation-delay仅仅是在你动画开启的第一次才会有暂停效果,之后的每一次循环就不生效了。那么看来我们用animation提供的属性是无望了。我们只能自己另寻他法。

请注意看我们的解决思路:
我们换个思路的话就是这样的,既然属性无法提供给我暂停那我就手动让他暂停!比如说我正常这个动画是三秒播放完,那我就让它变成六秒播放完!然后前三秒不动!!!

让animation在循环的每一次开始前都停顿一定的时间这样做就OK了_CSS
这个实现思路的缺点就是需要计算一下你的总时间,以及你要暂停的时间。如果朋友们还有什么其他思路欢迎在下方评论~