ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 transition-delay プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Wait 2 seconds before the transition effect starts:

transition-delay: 2s
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay: 2s; /* Safari and Chrome */
-o-transition-delay: 2s /* Opera */

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

transition-delay property is not supported in any browsers.

Firefox 4 supports an alternative, the -moz-transition-delay property.

Safari and Chrome support an alternative, the -webkit-transition-delay property.

Opera support an alternative, the -o-transition-delay property.


定義と用法

transition-delay property specifies when the transition effect will start.

transition-delay value is defined in seconds (s) or milliseconds (ms).

デフォルト値: 0
継承: no
バージョン: CSS3
JavaScript構文: object.style.transitionDelay="2s"


構文

transition-delay: time;

説明
time Specifies the number of seconds or milliseconds to wait before the transition effect will start


CSS3 Reference 完全な CSS3 リファレンス