animation-fill-modeを使ってCSSアニメーションの実行前後のスタイルを指定しました。
「リセット」ボタンをクリックするとCSSアニメーション再度実行され、CSSアニメーションの実行前後のスタイルが確認できます。
animation-fill-mode無し
animation-fill-mode:none;
animation-fill-mode:backwards;
animation-fill-mode:forwards;
animation-fill-mode:both;