我实现了具有开始和结束状态的CSS3动画。达到结束状态后，动画将停止并且不会重复。我需要做的是有一个"跳到结束"链接，它绕过整个动画，但显示最终状态。是否可以通过 CSS3 执行此操作。
这是动画页面： http://bit.ly/1csZq2d
谢谢！
仅使用 Javascript 切换容器上的类，以两种方式覆盖动画：
-
使用具有相同最终结果的单独动画覆盖动画，仍使用
animation-fill-mode: forwards;设置结束状态：http://codepen.io/shshaw/pen/yzhLb -
切换
animation: none并手动添加动画末尾的样式：http://codepen.io/shshaw/pen/Jpmkc
第一种方法可能更容易管理，因此您只需在一个地方编辑所有@keyframes，其中一个只包含结束状态。它还具有加快动画速度的好处，以便快速完成，但仍然相对平稳地过渡。