Css 关键帧在迭代之间延迟

是否有办法使动画延迟不仅在开始时发生，而且在迭代之间也发生

假设你有这个例子：

.lv1{
宽度：200px；
高度：200px；
背景：红色；
动画：1秒无限；
动画延迟：2s；
}
.2级{
背景：橙色；
}
.3级{
背景：黄色；
}
.2级，.3级{
宽度：70%；
身高：70%；
动画：继承；
}
@关键帧流感{
0%，100%{变换：旋转（0度）；}
50%{变换：旋转（90度）；}
}

---

不幸的是，无限关键帧动画中没有指定迭代之间延迟的属性。仅指定第一次激发动画之前的时间

但是

通过修改关键帧动画并在关键帧动画本身中包含“静态”时间，可以实现迭代之间的延迟

下面是一个示例：div静止2秒，在1秒的时间跨度内前后旋转90°。动画是无限的，每个动画迭代都会暂停2秒

div{
宽度：200px；高度：200px；
背景：红色；
-webkit动画：无限；
动画：无限；
}
@关键帧流感{
66%，100%{变换：旋转（0度）；}
83%{变换：旋转（90度）；}
}
@-webkit关键帧流感{
66%，100%{变换：旋转（0度）；}
83%{变换：旋转（90度）；}
}