语法如下：
transition-duration: time;
- time：指定过渡的持续时间，可以是秒（s）或毫秒（ms）。
下面是一个简单的例子，演示了如何使用 transition-duration：
.box {
width: 100px;
height: 100px;
background-color: blue;
transition-property: width; /* 指定要过渡的属性 */
transition-duration: 1s; /* 过渡持续时间为1秒 */
}
.box:hover {
width: 200px; /* 鼠标悬停时，width属性发生变化，触发过渡效果 */
}
在这个例子中，.box 元素在鼠标悬停时，宽度从 100px 过渡到 200px。transition 属性的 transition-duration 部分指定了过渡的持续时间为1秒。
你也可以使用 transition 属性的简写形式，将多个过渡属性以逗号分隔写在一起，示例如下：
.box {
width: 100px;
height: 100px;
background-color: blue;
transition: width 1s, height 0.5s; /* 同时指定多个过渡属性及其持续时间 */
}
.box:hover {
width: 200px;
height: 150px; /* 鼠标悬停时，width和height属性发生变化，触发过渡效果 */
}
这样可以更简洁地指定多个过渡属性及其持续时间。
转载请注明出处：http://www.zyzy.cn/article/detail/4249/CSS