animation プロパティと @keyframes を使うと、CSSだけでアニメーションの設定ができます。

そうですか。

えっ。

animation

animation-name ： キーフレームの名前

animation-duration ： かかる時間

animation-timing-function ： 速度

animation-delay ： 何秒後に開始するか

animation-iteration-count ： 回数・ループ指定

animation-direction ： 再生する方向

animation-fill-mode ： アニメーション前後のプロパティの状態

animation-play-state ： 一時停止・再生の指定

@keyframes ： アニメーションの変化の指定

CSS Animations Level 1