transition-delay 属性是 CSS transition 模块中的一部分，用于指定过渡效果何时开始。它定义了过渡效果的延迟时间，即从触发过渡事件到实际过渡开始的时间间隔。

属性语法如下：
transition-delay: time;

  •  time：指定延迟的时间，可以是秒（s）或毫秒（ms）。


例子：
.element {
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0.5s;
}

在这个例子中，当 .element 元素的 opacity 属性发生变化时，过渡效果将在触发事件后等待 0.5s 才开始。这样你可以更精细地控制过渡效果的时机，使其在需要的时候开始。

如果需要设置多个属性的延迟时间，可以使用逗号分隔的值，每个值对应 transition-property 中指定的属性。例如：
.element {
  transition-property: opacity, transform;
  transition-duration: 1s, 2s;
  transition-delay: 0.5s, 1s;
}

在这个例子中，opacity 属性的过渡延迟为 0.5s，而 transform 属性的过渡延迟为 1s。


转载请注明出处：http://www.zyzy.cn/article/detail/6150/CSS