css - 动画无限循环

Question

好吧，我有一个永无止境的循环，我只想在加载网站开始时发生 1 次。

-webkit-animation: BG-fade-in 2s infinite; /* Safari 4+ */
-moz-animation:    BG-fade-in 2s infinite; /* Fx 5+ */
-o-animation:      BG-fade-in 2s infinite; /* Opera 12+ */
animation:         BG-fade-in 2s infinite; /* IE 10+ */

Answer 1

我会将我的评论作为答案发布，这样您就可以根据需要选择接受它。

将 animation-iteration-count: infinite; 更改为 animation-iteration-count: 1;。 或者在您的情况下，您可以删除 infinite 值，因为默认值为 1。