例
トランジション効果をスピードアップ:
document.getElementById("myDIV").style.transitionDuration = "1s";
»それを自分で試してみてください 定義と使用法
transitionDurationプロパティセットや戻り何秒(s)またはミリ秒(ms)トランジション効果を完了するのにかかります。
ブラウザのサポート
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
<スタイルオブジェクト