Animation properties(アニメーション・プロパティ) で作る

• animation-name property…アニメーションの名前を指定
• animation-duration property…アニメーション1回の実行にかける時間を指定※必須
• animation-timing-function property…アニメーション実行中の変更速度を指定
• animation-iteration-count property…アニメーションを繰り返す数を指定※infiniteを指定すると無限
• animation-direction property…アニメーションを繰り返す際、アニメーションの方向を反対にする等の指定
• animation-play-state property…アニメーションの実行、および停止を指定
• animation-delay property…アニメーション実行やプロパティ変更の際の待ち時間を指定
• animation-fill-mode property…アニメーション実行後、当該要素のスタイルを元に戻さず、変化したままのスタイルを維持するかどうかを指定
• animation property（Short hand）…上記8プロパティのショートハンド
• @keyframes rule…animation-nameを指定、各アニメーションの進行状況ごとに変化させるプロパティを指定