CSSリファレンス

animation-delayの意味と使い方

animation-delayプロパティを使うと、アニメーションを遅れて開始知ることができます。

値の指定方法

時間

アニメーションが開始されるまでの待機時間を、秒(s)またはミリ秒(ms)で指定します。負の値を指定したときは、指定した時間分実行した場合のポイントからすぐに開始されます。
複数のアニメーションを待機時間を変えて適用する場合は、それぞれに対応する時間を「,」で区切って記述します。


関連プロパティ

  • animation-duration:アニメーションを実行する時間を指定する
  • animation-direction:アニメーションを実行する方向を指定する
  • animation-play-state:アニメーションの実行・一時停止を指定する