我正在做一个很长的关键帧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);}
}
JS
.的document.getElementById( ‘球’)style.webkitAnimationPlayState = ‘暂停’;
要么
.的document.getElementById( ‘球’)style.webkitAnimationPlayState = ‘跑步’;
HTML
<svg id="ball" class="myStyle">[...]</svg>
解决方法
您可以使用负动画延迟值来搜索特定关键帧.
