CSS3 Pre-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”と連携します。

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

トラックバック

投稿されたコメント