{ animation-name 【 アニメーション・ネーム 】 : アニメーション名; }

animation-nameプロパティは、アニメーションを適用する対象を指定します。

初期値	none
継承	なし
適用される要素	すべての要素、:before、:after疑似要素
モジュール	CSS Animations Module Level 3

値の指定方法

アニメーション名

任意の名前	任意のアニメーション名を指定します。

サンプルコード

@keyframes規則の使用例も併せて参照してください。

.box{
  background: #6cb371;
  animation-name: bnr-animation;
  animation-duration: 10s;
}