无法在一个周期结束时停止动画

2018-07-01 11:58:27

这个问题在这里已经有了答案：

在最后一帧停止CSS3动画8个答案

以下评论为我工作。谢谢迈克尔

“您需要添加填充模式以冻结动画结束时的动画状态。

-webkit-animation-fill-mode: forwards;

forwards将动画留在最后一帧的状态中

backwards离开动画的开始

万一你的动画仍然重置到第一帧，请注意你声明CSS的顺序：

这工作正常：

    animation: yourAnimationName 1s;
    animation-fill-mode: forwards;

这不会（重置为第一帧）：

    animation-fill-mode: forwards;
    animation: yourAnimationName 1s;

整蛊！

如果我正确理解了这个问题，听起来好像你需要将迭代设置为'1'。

-webkit-animation-iteration-count: 1;

链接地址: http://www.djcxy.com/p/87833.html