CSS3アニメーション遅延プロパティ
例
2秒待ってから、アニメーションを開始します。
アニメーションディレイ：2秒; - webkitのアニメーションディレイ：2秒; / *サファリとChrome * /
»をお試しください
より多くの例については、このページの下で。
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
| 属性 | |||||
|---|---|---|---|---|---|
| animation-delay | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
タグの定義と指示
アニメーションの開始時にアニメーション-delay属性を定義します。
単位のアニメーション遅延値は、秒（s）またはミリ秒（ms）とすることができます。
ヒント：負の許可は、アニメーションはすぐに始めるが、アニメーションに2秒をスキップ作る-2S。
| デフォルト： | 0 |
|---|---|
| 継承： | いいえ |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | オブジェクトobject.style.animationDelay = "2秒" |
文法
animation-delay:time;
| 值 | 描述 | 测试 |
|---|---|---|
| time | 可选。定义动画开始前等待的时间，以秒或毫秒计。默认值为0 | 测试 » |
より多くの例
例
負、アニメーションがアニメーションサイクルに2秒を飛ばしていることに注意してください。
アニメーションの遅延：-2秒 / *オペラ* / -moz-アニメーション -delay：-2秒 / * Firefoxの* / -webkit-アニメーション -delay：-2秒 / * Safari やChromeの * /
»をお試しください
関連記事
CSS3のチュートリアル： CSS3アニメーション