Искать конкретный ключевой кадр в анимации css3
Я делаю довольно длинную ключевую рамку анимации CSS3, и я хотел бы иметь возможностьискать конкретный ключевой кадр - следовательно, отображать его - и затем воспроизводить анимацию оттуда. Воспроизведение анимации / пауза / обратный ход отлично.
Вот что у меня так далеко. Я могу начать / приостановить, повернуть назад, но без поиска ...
CSS.myStyle{
-webkit-animation-name: myStyle-keyframes;
-webkit-animation-duration: 50000ms;
}
@-webkit-keyframes myStyle-keyframes {
0% {-webkit-transform:translateX(0px) translateY(0px);}
0.1% {-webkit-transform:translateX(1.86px) translateY(-0.62px);}
...
100% {-webkit-transform:translateX(182px) translateY(-123px);}
}
JSdocument.getElementById('ball').style.webkitAnimationPlayState='paused';
ИЛИ ЖЕ
document.getElementById('ball').style.webkitAnimationPlayState='running';
[...]