CSS3 Reference


transition-duration

遷移時間

試す

コード

#containe {
    transition-duration: 2s;
    -moz-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
}

サンプル

その後(けむり)したから火がある。吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。

対応ブラウザ

Firefox
4.0~
Chrome/Safari
3.1~
Opera
10.50~
InternetExplorer
まだ

パラメータ

<時間> [ ‘,’ <時間> ]*
初期値0
適用すべての要素、::beforeと::afterを含む
継承しない
レベル3
%の解釈-
適用メディアInteractive
参考文献CSS Transitions Module Level 3#2.2. The ‘transition-duration’ Property

解説

遷移時間を指定します。

値は時間をカンマ区切りで指定します。値を複数指定した場合は、それぞれ”transition-timing-function”と連携します。

初期状態ではゼロですので、ゆるりと遷移しません。

コメントする


トラックバック

投稿されたコメント