animation-direction - CSSリファレンス

新着！ 44ページの電子書籍「CSSを44分で学ぶ」が発売されました！ 😃

#animation-direction

アニメーションが再生される方向を定義します。

初期値 animation-direction: normal;

アニメーションは順方向に再生されます。最後まで達すると、最初のキーフレームから再開します。

animation-direction: reverse;

アニメーションは逆方向に再生されます。最後のキーフレームから始まり、最初のキーフレームで終了します。

animation-direction: alternate;

アニメーションは最初に順方向に再生され、次に逆方向に再生されます。

animation-direction: alternate-reverse;

アニメーションは最初に逆方向に再生され、次に順方向に再生されます。