Cascading Style Sheets animation-name property.
animation-nameプロパティは、要素にキーフレームアニメーションを適用する場合の、アニメーション名を指定する際に使用します。
animation系プロパティで要素にキーフレームアニメーションを適用する際には、@keyframesルールでキーフレームを定義する必要があります。キーフレームでは、アニメーション開始時点(0%)のスタイルと終了時点(100%)、さらに、必要に応じてその進行途中(0~100%)のスタイルを指定します。
animation-nameプロパティでアニメーション名を指定すると、@keyframesルールで定義したキーフレームが選択されます。それにより、アニメーション効果を与える色・サイズなどのスタイルと、 アニメーション効果の適用方法(時間・進行割合・繰り返し回数・反転再生・一時停止・いつ始まるか)が関連付けられます。
animation-nameプロパティの初期値はnoneですが、この場合にはアニメーションは実行されません。また、指定したアニメーション名がどのキーフレームにも存在しない場合もアニメーションは実行されません。