CSS3のアニメーションが停止しています（話す）

Question

CSS3アニメーションを一時停止する（またはある時点でイベントのタイミングを調整する）方法を知っていた人はいませんか？

私はバウンドしたサークルを持っていましたが、最高点に達するまでに2秒かかり、一番上の点で一時停止（または長時間）してから一時停止/凍っているか、または長い間にそれが元のポジションに戻る。事前に助けてくれてありがとう。

Answer 1

CSSアニメーションキーフレームで問題を解決できる場合があります。

.whatever{ 
    -webkit-animation: bouncepause 10s infinite; 
} 

@-webkit-keyframes bouncepause { 
     0% { 
       bottom:0; 
     } 
     5% { 
       bottom:200px; 
     } 
     95% { 
       bottom:200px; 
     } 
     100% { 
       bottom:0; 
     } 
} 

私は-webkit-ベンダープレフィックスを使用して簡単にしました。

Demo