CSS 属性:transition-duration
transition-duration
属性用于指定过渡效果的持续时间。当元素的样式发生改变时,通过设置 transition-duration
属性,可以控制过渡效果的持续时间,使页面变化更加平滑和自然。
语法
-------------------- -----
time
:指定过渡效果的持续时间,可以使用秒(s)或毫秒(ms)作为单位。
可选值
time
:指定过渡效果的持续时间,可以是正数或 0。
初始值
0
应用示例
-------- - -------------------- ----------------- -------------------- ----- -
上面的示例代码表示当 .element
元素的背景颜色发生改变时,过渡效果持续时间为 0.5 秒。
注意事项
- 如果未指定
transition-duration
属性,默认情况下过渡效果将立即发生,没有持续时间。 - 可以为不同的 CSS 属性设置不同的过渡效果持续时间,只需在对应的属性上使用
transition-duration
属性即可。
以上就是关于 transition-duration
属性的详细介绍,希望对你有所帮助!