Javascript 关键帧之间的css3动画延迟？

。眨一下眼睛{
-webkit动画名称：blinker；
-webkit动画持续时间：1s；
-webkit动画延迟：2s；
-webkit动画计时功能：线性；
-webkit动画迭代计数：无限；
-moz动画名称：闪烁器；
-moz动画持续时间：2s；
-moz动画计时功能：线性；
-moz动画迭代次数：无限；
动画名称：闪烁；
动画持续时间：2秒；
动画计时功能：线性；
动画迭代次数：无限；
}
@-webkit关键帧闪烁器{
0%{不透明度：1.0；}
50%{不透明度：0.0；}
100%{不透明度：1.0；}
}
}

---

这将闪烁

您只需延长时间，让动画在

100%之前完成，就可以让动画运行得更快。你明白了，所以只要确定你想要的时间


。眨一下眼睛{
-webkit动画名称：blinker；
-webkit动画持续时间：2秒；
-webkit动画延迟：2s；
-webkit动画计时功能：线性；
-webkit动画迭代计数：无限；
-moz动画名称：闪烁器；
-moz动画持续时间：2s；
-moz动画计时功能：线性；
-moz动画迭代次数：无限；
动画名称：闪烁；
动画持续时间：2秒；
动画计时功能：线性；
动画迭代次数：无限；
}
@-webkit关键帧闪烁器{
0% {
不透明度：1.0；
}
25% {
不透明度：0.0；
}
50% {
不透明度：1.0；
}
}
这将闪烁
尝试如下调整动画循环：


。眨一下眼睛{
-webkit动画名称：blinker；
-webkit动画持续时间：2秒；
-webkit动画计时功能：线性；
-webkit动画迭代计数：无限；
-moz动画名称：闪烁器；
-moz动画持续时间：2s；
-moz动画计时功能：线性；
-moz动画迭代次数：无限；
动画名称：闪烁；
动画持续时间：2秒；
动画计时功能：线性；
动画迭代次数：无限；
}
@-webkit关键帧闪烁器{
0%{不透明度：1.0；}
25%{不透明度：1.0；}
50%{不透明度：0.0；}
75%{不透明度：0.0；}
100%{不透明度：1.0；}
}
}
这将闪烁
更改动画duration@anpsmn不，我这样做了，眨眼变慢了，而不是两次眨眼之间的延迟。好的，这可能会帮助您如何消除2秒的初始延迟？@JamesLemon remove
动画延迟
。