CSSアニメーション

animation-fill-mode

CSS アニメーションの実行の前後にどう対象にスタイルを適用するか

最後で止めたいとき

forwards

animation-direction と animation-iteration-count の値にもよる

最後で止めたいときは

animation-direction を normal / animation-iteration-count を奇数または偶数

animation-direction を alternate / animation-iteration-count を奇数

animation-direction を alternate-reverse / animation-iteration-count を偶数

animation-direction

アニメーション再生の向きを順方向、逆方向、前後反転のいずれにするかを設定します。