Javascript 如何从css动画关键帧获取图像以在完成后保留在页面上

我只希望

iterationcount

运行一次，但接下来，我希望我的图像无限期地保留在页面上

是否有任何方法可以通过css实现这一点，或者我需要应用javascript方法

#联系成功动画{
宽度：100px；
高度：100px；
位置：相对位置；
保证金：自动；
-webkit动画名称：成功动画；/*Chrome、Safari、Opera*/
-webkit动画持续时间：15s；/*Chrome、Safari、Opera*/
-webkit动画迭代计数：1；/*Chrome、Safari、Opera*/
-webkit动画方向：普通；/*Chrome、Safari、Opera*/
动画名称：成功动画；
动画持续时间：15秒；
动画迭代次数：1；
动画方向：正常；
}
/*铬、狩猎、歌剧*/
@-webkit为成功动画设置关键帧{
0%{背景图像：url（“”）；背景重复：无重复；
背景大小：100%自动；高度：100px；宽度：100px；}
33%{背景图像：url（“”）；背景重复：无重复；
背景大小：100%自动；高度：100px；宽度：100px；}
66%{背景图像：url（“”）；背景重复：无重复；
背景大小：100%自动；高度：100px；宽度：100px；}
100%{背景图像：url（“）；背景重复：无重复；
背景大小：100%自动；高度：100px；宽度：100px；}
}
/*标准语法*/
@成功动画的关键帧{
0%{背景图像：url（“”）；背景重复：无重复；
背景大小：100%自动；高度：100px；宽度：100px；}
33%{背景图像：url（“”）；背景重复：无重复；
背景大小：100%自动；高度：100px；宽度：100px；}
66%{背景图像：url（“”）；背景重复：无重复；
背景大小：100%自动；高度：100px；宽度：100px；}
100%{背景图像：url（“”）；背景重复：无重复；
背景大小：100%自动；高度：100px；宽度：100px；}
}

---

动画填充模式：向前；

完成@-关键帧后，此属性将保留@-关键帧的最后一帧

---

您可以在此处找到更多信息

我想您正在寻找此

动画填充模式：转发；

这将停止最后一帧上的动画！谢谢。请随时编写答案，我将批准它。