transition-duration 是 CSS 中用于定义过渡效果持续时间的属性。它规定了从一个 CSS 属性值到另一个属性值的过渡所花费的时间。通常，该属性与 transition-property、transition-timing-function 和 transition-delay 一起使用，这些属性一同构成 transition 的完整定义。

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

  •  time：指定过渡的持续时间，可以是秒（s）或毫秒（ms）。


例子：
.element {
  transition-property: width;
  transition-duration: 2s;
}

在这个例子中，当 .element 元素的 width 属性发生变化时，过渡效果将在 2 秒内完成。

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

在这个例子中，width 属性的过渡持续时间为 2s，而 height 属性的过渡持续时间为 1s。


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