html - CSS3 アニメーション - @ ループごとに停止

Question

CSS3アニメーションを理解しようとしていました。私はから例を取りました： モーフィングキューブ

この無限ループの場合、ループごとに 1 秒間停止したかったのです。(リングモデル)。遅延を使用すると、アニメーションの最初で停止します。各ループの開始時に遅延を与えるにはどうすればよいですか?

イーズアウトオプションを使用しましたが、停止感がありますが、すぐに開始されます。

Answer 1

ここで必然的に遅延が必要かどうかはわかりません。キーワード値「from」および「to」を使用する代わりに、パーセンテージ（ミリ秒で示される）を使用します。私はそのデモを取り、これを実装しました。思い描いた通りの場合はidkですが、各回転後に停止します。制限にパーセンテージを増減して、目的の効果を得ることができます。

http://jsfiddle.net/jalbertbowdenii/MLfyv/