先记住这个答案
正确做法是延长animation-duration，把活动时间和延迟时间合在一起。比如活动1秒、延迟0.5秒，就设duration:1.5s，让关键帧在0%—66.67%完成动作，其余时间保持结束样式。若动画首尾值相同，循环时视觉无缝；若方向固定且首尾不同，需用alternate或额外层处理。
- animation-delay不作用于循环之间。
- 延迟需另设总时长并留空闲关键帧。
- 无突变循环需首尾一致或使用alternate。
把延迟写进关键帧时间轴
animation-delay 的值是元素应用动画后到第一次开始的等待时间，正数延后，负数提前，但之后每次迭代会紧接上一次结束，没有系统机制可以自动在iteration之间插入空闲。动画一旦启动，其循环节奏由animation-duration和iteration-count决定，期间无隐藏的间歇控制。
要让每轮之间有停顿，可将动画总时长扩大为“活动+延迟”，并让关键帧中活动部分所占百分比小于100%。例如活动段占1/3，则0%—33%执行完整动作，33%—100%保持某个值。动画每轮结束后跳回0%，若首尾值相同，停顿段不会产生可见跳变，从而实现“动作→停顿→再动作”的循环。
消息按钮的周期性闪烁
假设一个消息按钮要求每4秒闪烁一次：用0.6秒从完全不透明变到半透明再变回来，然后保持不透明3.4秒，之后重复。未经验的做法是只设animation-duration:0.6s和iteration-count:infinite，效果为连续快闪，没有间隙。问题在于未把等待时间纳入时间轴。
调整规则：设置animation-delay使用负值也无法解决，正确的做法是将duration改为4s，用keyframes定义0%—15%完成透明度从1到0.4再到1的变化，15%—100%保持opacity:1。因为动画起点和终点一致，循环切换瞬间不会闪跳，按钮每次亮起并驻留足够时长。
状态不闭合时的跳变与对策
如果动画在结束时的状态和起始状态不同，例如透明度从0单向渐变到1，扩展duration后，空闲段保持opacity:1，但下一次迭代从头开始时元素瞬间回落到opacity:0，这个突变会暴露。对多数视觉预期而言，这种不可控跳变造成闪烁，解决方案是主动设计动画方向，使用animation-direction:alternate让活动段自动折返。
若必须保持单向且每次循环停顿在结束状态，CSS原生无法在一段时间内固定结束值后又平滑开始下一轮，除非复制元素或用JS监听animationiteration暂停再恢复。那些方案会增加代码与状态管理成本，因此在动画设计阶段就应考虑首尾一致或选择alternate，才能用纯CSS实现无突变的间隔循环。
容易答错的地方
- 用animation-delay控制循环间隙
- 有人以为给animation-delay设置时间就能在每次循环间增加延迟，但该属性语义明确只作用于动画从应用到元素到首次开始的时间，与 iteration 之间的间隔无关。实际循环时会忽略此值，停顿需求仍要由关键帧内部实现。
- 用负animation-delay制造循环前或循环后的静止
- 负delay只会使动画立刻开始并跳过首段，不会改变循环内的节奏；即使负delay的绝对值大于duration，也只是让动画在开始时处于后续周期的某个位置，依然不存在每轮之间的间隔。正确思路是扩大duration，而不是依赖delay的正负号。
面试官还会怎么问？
animation-direction:alternate 为什么会天然产生往返的循环，这种循环如何加入延迟？
alternate时每次迭代会反转方向，正向结束的值成为下一次反向开始的值，反向结束的值成为下一次正向开始的值，因此即使0%和100%不同，循环也能连贯。若需加入延迟，须分别设计正向和反向的关键帧区间，并留意反向时百分比映射反转，不可直接沿用正向的分段。
如果动画每次循环结束需要停在最终状态并且保持延迟，CSS有没有替代方法？
纯CSS中没有可直接表示“每轮尾部等待”的语法，因为无限循环在iteration结束点会强制回到0%状态。可使用伪元素复制本体，并在辅助元素上做反向延迟，或使用JS在animationiteration事件中改变animation-play-state，但这种做法需手动清除定时器，注意重叠。
多个关键帧百分比频繁变化会不会影响循环延迟的计算？
关键帧百分比只决定时间轴内的分布，不影响循环的总时长，所有百分比相对于animation-duration。延迟段要在非动作区覆盖足够百分比，且保持同一值，否则动画会继续产生渐变或跳动，设计阶段应保证非活动区间的属性恒等于循环边界值。
参考资料
示例用于理解所注明的运行环境与边界；延伸学习可结合原文中的更多案例。