最終更新日 3年 | 公開日: 20220920

■transition
簡単な動き（ボタンホバー時の変化を滑らかにとか）に便利。
[transition-property]で一括設定可能。
手軽なCSSアニメーション！transitionプロパティの使い方（基礎編）

■animation
複雑な動きに使う。
[@keyframes] と [animation] 2つの設定が必要。
CSSでアニメーションを作るには？CSSアニメーションの作り方（基礎編）