CSS
@keyframes
読み方：アットキーフレームズ
CSSアニメーションの動きを定義するルール。開始(from/0%)から終了(to/100%)までの変化を指定する。
やさしい説明
@keyframesは、CSSアニメーションの動きを定義するルールです。
開始（from/0%）から終了（to/100%）までの変化を段階的に指定できます。
具体例・使い方
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
50% { transform: scale(1.2); } → 途中で拡大
関連用語
📖 関連レッスン
レッスンを見る →