Как перейти к определенному ключевому раме в анимации CSS3? ⇐ CSS

[Anonymous]

Допустим, у нас есть анимация, подобная здесь: http://jsfiddle.net/utterstep/jpdwc/

Mayout:

Код: Выделить всё

back

forward
< /code>

и соответствующий CSS: < /p>

@keyframes someanimation {
0% {
width: 100px;
}
50% {
width: 200px;
}
100% {
width: 100px;
}
}

.animating {
width: 200px;
height: 200px;
background-color: red;
animation: someanimation 5s infinite;
}

И я хочу перейти в следующее или предыдущее состояние анимации, когда я нажимаю назад или вперед . Там может быть более одного объекта, и я хотел бы изменить их анимационные состояния одновременно. (В настоящее время мне не нравится эта идея, потому что у меня есть много свойств для анимирования, и CSS делает ее намного проще)

Подробнее здесь: https://stackoverflow.com/questions/176 ... -animation