@keyframes

CSSアニメーションとトランジションの使い方とパフォーマンスを意識した実装方法を解説。transitionとanimationの違い・GPUで処理できるtransformとopacityの活用・will-changeの正しい使い方・animation-fill-modeの設定・prefers-reduced-motionによるアクセシビリティ対応まで紹介します。