目录

style transitionDuration 属性

示例

加快过渡效果:

document.getElementById("myDIV").style.transitionDuration = "1s";
亲自试一试 »

描述

transitionDuration 属性设置或返回过渡效果需要多少秒 (s) 或毫秒 (ms) 才能完成。


浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
transitionDuration 26.0 10.0 16.0 6.1 12.1

语法

返回transitionDuration属性:

object.style.transitionDuration

设置transitionDuration属性:

object.style.transitionDuration = "time|initial|inherit"

属性值

Value Description
time Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 0
返回值: 一个字符串,表示元素的过渡持续时间属性
CSS版本 CSS3

相关页面

CSS 参考:过渡持续时间属性