CSSリファレンス

transition-delayの意味と使い方

「transition-delay」を使うと、変化を遅れて開始させることができます。

値の指定方法

時間

プロパティの値が変更されてから変化が開始されるまでの待機時間を、秒(s)またはミリ秒(ms)で指定します。負の値を指定したときは、指定した時間分変化した場合のポイントからすぐに開始されます。
複数のプロパティの待機時間を変えて変化させる場合は、それぞれに対応する時間を「,」で区切って記述します。


関連プロパティ

  • transition-property:トランジション効果をつける
  • transition-duration:トランジションにかける時間を指定する
  • transition-timing-function:トランジションの速度のパターンを指定する
  • transition:トランジションのプロパティを一括指定する