css - 終了時にCSS3アニメーションが最初に戻るのを止めるにはどうすればよいですか

Question

私は単純に下に移動するCSS3アニメーションを持っています( to<div>経由)。しかし、私の問題は、アニメーションが終了したときに がトップに戻らないようにする方法がわからないことです。これを防ぐ方法はありますか？top: 0px;top: 300px;<div>

サンプルのフィドルは次のとおりです: http://jsfiddle.net/y8tJ7/

Answer 1

このようにアニメーションを反転する必要があります。

@keyframes move {
  from{
    top: 20px;
  }
}

http://jsfiddle.net/gleezer/y8tJ7/1/を参照してください

このように、その終了位置は div スタイリングで指定され、キーフレームで開始状態のみを指定します。

EDIT：それを達成する別の方法は、単に追加することです：

animation-fill-mode: forwards.

この他のフィドルを参照してください。

詳細についてはMozilla Dev Networkを参照してください。