CSS transition-duration 属性

定義と使用方法

transition-duration 属性は、过渡効果を完了するのに必要な時間（秒またはミリ秒で示されます）を指定します。

参照もしくは

CSS チュートリアル：CSS 过渡

HTML DOM リファレンスマニュアル：transitionDuration 属性

例

过渡効果を 5 秒間持続させる：

div {
  transition-duration: 5s;
}

実際に試してみる

CSS 语法

transition-duration: time;

属性値

値 説明
time

过渡効果を完了するのに必要な時間（秒またはミリ秒で示されます）を指定します。

デフォルト値は 0 で、効果が無効になることを意味します。

技術的詳細

デフォルト値： 0
継承性： no
バージョン： CSS3
JavaScript 语法： object.style.transitionDuration="5s"

ブラウザのサポート

表中的数字注明了完全支持该属性的首个浏览器版本。

带 -webkit-、-moz- 或 -o- 的数字表示使用前缀的首个版本。

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-