alternate-reverse;<逆再生。>・animation-fill-modeアニメーションが終了した時点の状態を維持するかどうかを指定できます。forwardsを指定することでアニメーションが終了した状態を維持できます。forwards;・animation-play-stateアニメーションを再生中か一時停止か指定することができます。running;「@keyframes」animationで、設定値をもとにアニメーションを実行します。0%から100%の中で、細かくプロパティを設定することができます。「from」と「to」でも大丈夫です。0%;}}もちろん、間の数値も設定できます。0%;}}サンプル実際に作成したアニメーションをいくつかご紹介させていただきます。ホバーtransitionでアニメーションを指定することで、マウスカーソルをボタンから外したときの動きも綺麗に制御できています。テキストグラデーション文字色の変化を@keyframesで設定し、ループするようにしています。最後にCSSアニメーションについてお分かりいただけましたでしょうか。弊社ではアニメーションのサンプルページをご用意しています。先ほどご紹介したのは、サンプルページに載っているアニメーションをを「GIFアニメーション」に変換したものです。アニメーションのサンプルページはこちらhttps://yori-york.co.jp/anime/ご参考にしていただければ幸いです。