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

CSS3 transition-duration プロパティ

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

Let the transition effect last for 5 seconds:

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

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

transition-duration property is not supported in any browsers.

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

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

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


定義と用法

transition-duration property specifies how many seconds (s) or milliseconds (ms) a transition effect takes to complete.

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


構文

transition-duration: time;

説明
time Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect


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