アニメーションが開始するまでの時間を指定する
animation-delay
{
animation-delay
animation-delayプロパティは、ページが表示されてからアニメーションが開始するまでの時間を指定します。
初期値 | 0s |
---|---|
継承 | なし |
適用される要素 | すべての要素、:before、:after疑似要素 |
モジュール | CSS Animations Module Level 3 |
値の指定方法
時間
任意の数値+単位 | アニメーションが開始するまでの時間を単位付きの数値で指定します。 |
---|
サンプルコード
.bnr { animation: bnr-animation 10s; animation-delay: 5s; }