アニメーションが開始するまでの時間を指定する

animation-delay

{ animation-delay アニメーション・ディレイ : 時間; }

animation-delayプロパティは、ページが表示されてからアニメーションが開始するまでの時間を指定します。

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

値の指定方法

時間

任意の数値+単位 アニメーションが開始するまでの時間を単位付きの数値で指定します。

サンプルコード

.bnr { animation: bnr-animation 10s;
  animation-delay: 5s;
}