CSS3 animation-duration プロパティ
 完全な CSS3 リファレンス
例
Make the animation complete in one second:
animation-duration:1s;
-webkit-animation-duration:1s; /*Safari and Chrome*/ |
Try it yourself »
|
ブラウザ・サポート
animation-duration property is not supported in any browsers.
Safari and Chrome support an alternative, the -webkit-animation-duration property.
定義と用法
animation-duration property defines how many seconds or milliseconds an
animation takes to complete one cycle.
| デフォルト値: |
0 |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.animationDuration="3s" |
構文
| animation-duration: time; |
| 値 |
説明 |
| time |
Specifies the length an animation takes to finish. Default value is 0,
meaning there will be no animation |
関連ページ
CSS3 チュートリアル: CSS3 Animations
完全な CSS3 リファレンス
|