最新のWeb開発のチュートリアル
 

Style transitionDuration Property

<スタイルオブジェクト

トランジション効果をスピードアップ:

document.getElementById("myDIV").style.transitionDuration = "1s";
»それを自分で試してみてください

定義と使用法

transitionDurationプロパティセットや戻り何秒(s)またはミリ秒(ms)トランジション効果を完了するのにかかります。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

transitionDurationプロパティは、Internet Explorer 10、Firefoxの、オペラ座、Chromeでサポートされています。

Safariは、代替、WebkitTransitionDurationプロパティをサポートしています。


構文

transitionDurationプロパティを返します:

object .style.transitionDuration

transitionDurationプロパティを設定します。

object .style.transitionDuration=" プロパティ値
説明
time トランジションエフェクトが完了するまでの秒数またはミリ秒で指定します。 デフォルト値は何の影響もないだろうつまり、0であります
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 0
戻り値: 要素の遷移持続性を表す文字列、
CSSのバージョン CSS3

関連ページ

CSSリファレンス: transition-duration property


<スタイルオブジェクト