Я реализовал анимацию CSS3, которая имеет начальное и конечное состояние. После достижения конечного состояния анимация останавливается и не повторяется. Мне нужно сделать ссылку «skip to end», которая обходит всю анимацию, но отображает это окончательное состояние. Можно ли это сделать с помощью CSS3.Перейти к завершению CSS-анимации
Вот анимированные страницы: http://bit.ly/1csZq2d
Спасибо!
Использование Javascript только для переключения класса на контейнере для переопределения анимации двумя способами:
Переписать анимации с отдельной анимации с тем же конечным результатом, по-прежнему установки конечного состояния с animation-fill-mode: forwards;: http://codepen.io/shshaw/pen/yzhLb
Переключение animation: none и вручную добавить стили, которые были бы в конце анимации: http://codepen.io/shshaw/pen/Jpmkc
Первый метод может быть проще в управлении, так что вы просто изменить все ваши @keyframes в одном месте с одной только содержащей конечное состояние. Это также позволяет просто ускорить анимацию, чтобы она быстро завершилась, но все же переходит относительно плавно.