【CSS】アニメーションを最後の状態で止める方法

キーフレームアニメーションでフェードインのアニメーションを作って、最後のフェードした状態にしたかったのにフェードして消えるという謎の挙動をしたときの備忘録

animation-fill-modeでアニメーション実行後の処理を指定する必要性がある

完全に見落としてたんだけどanimation-fill-mode:forwards;でキーフレームの最後の動作を保持するように書かないと駄目だった

animation-fill-mode: forwards;

普段コピペばっかりしているとたまにこういうこと起きるよね