用語集 · アニメーション
キーフレーム
アニメーションの重要な時点。要素の見た目を定義し、キーフレーム同士の間はブラウザが動きを計算します。
詳細
アニメーションでは、重要な瞬間（要素が現れる、目的の位置に着く、消える）だけを定義し、その間はブラウザが補完します。それらの時点がキーフレームです。
CSSでは @keyframes で書きます。JavaScriptでは、Web Animations API（elemento.animate()）が同じ時点のリストと長さを受け付けます。たとえば「これを0.6秒かけて動かす」といった指定です。
例
@keyframes entra { from { opacity: 0 } to { opacity: 1 } }