语法如下：
transition-delay: time;
- time：指定延迟的时间，可以是正数或负数。正数表示延迟开始的时间，而负数表示在状态变化之前就开始过渡。
下面是一个简单的例子，演示了如何使用 transition-delay：
.box {
width: 100px;
height: 100px;
background-color: blue;
transition: width 1s ease-in-out 0.5s; /* 使用transition属性简写，其中0.5s是延迟时间 */
}
.box:hover {
width: 200px;
}
在这个例子中，.box 元素在鼠标悬停时，宽度从 100px 过渡到 200px。transition 属性用于同时指定了过渡的属性、持续时间、时间曲线以及延迟时间。其中 0.5s 是 transition-delay 的值，表示在鼠标悬停后的0.5秒后开始过渡。
你也可以使用 transition-delay 单独设置延迟时间，例如：
.box {
width: 100px;
height: 100px;
background-color: blue;
transition-property: width;
transition-duration: 1s;
transition-timing-function: ease-in-out;
transition-delay: 0.5s; /* 单独设置延迟时间 */
}
.box:hover {
width: 200px;
}
转载请注明出处：http://www.zyzy.cn/article/detail/4250/CSS