跳到CSS动画的结尾

我已经实现了一个CSS3动画，它有一个开始和结束状态。一旦达到结束状态，动画将停止并不再重复。我需要做的是有一个“跳过结束”链接，绕过整个动画，但显示最终状态。是否可以通过CSS3执行此操作

以下是动画页面：

---

谢谢

仅使用Javascript切换容器上的类，以两种方式覆盖动画：

使用具有相同最终结果的单独动画覆盖动画，仍然使用

动画填充模式：前进设置结束状态：

切换

animation:none

，并手动添加动画末尾的样式：

第一种方法可能更容易管理，因此您只需在一个位置编辑所有的

@关键帧

，其中一个仅包含结束状态。它还有一个好处，就是可以加快动画的速度，使其快速完成，但仍然可以相对平稳地过渡