CSS animation を一時的に止める

こんなプロパティあったのか、知らんかった

CSS の animation で動かしているものを、一時停止させたいとき

animation-play-state: paused;

これでOK

明示的に再生させたいときは

animation-play-state: running;

ボタンを押すとアニメーションを再生・停止するサンプル

See the Pen animation-play-state by h.matsuo (@matsuoshi) on CodePen.