@keyframes - CSS | MDN

値 <custom-ident> キーフレームのリストを識別する名前。これは CSS 構文で定義されている識別子に適合する必要があります。 from アニメーションの始まりである 0% を示します。 to アニメーションの終わりである 100% を示します。 <percentage> 指定したキーフレームがアニメーションの中で作動する時間を示すパーセント値です。 <timeline-range-name> <percentage> 指定したアニメーション範囲の、指定したキーフレームが発生する時点までの割合。名前付きタイムライン範囲を使用するアニメーションの種類については、CSS スクロール駆動アニメーションを参照してください。 解説 キーフレームを使うには、アニメーションとそのキーフレームを一致させるために、 animation-name プロパティで指定したものと同じ名前がついた @ke