CSS3のアニメーションプロパティ
例
<div>要素にバインドするために速記プロパティのアニメーションを使用します。
div要素
{
アニメーション：mymove 5秒 無限 ; - Webkitのアニメーション：mymove 5秒 無限 ; / * Safari やChromeの * /
}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
| 属性 | |||||
|---|---|---|---|---|---|
| animation | 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- |
| デフォルト： | なし0やすさ0 1ノーマル |
|---|---|
| 継承： | いいえ |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | オブジェクト.style.animation = "mymove 5S無限」 |
文法
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
| 値 | 説明 |
|---|---|
| アニメーション名 | キーフレームを選択するように拘束されることに名前を指定します。 |
| アニメーションの継続時間 | アニメーションは、何秒かミリ秒を指定します。 |
| アニメーションタイミング機能 | どのようにサイクルを完了しますアニメーションを設定するには |
| アニメーションの遅延 | 遅延間隔を開始する前に、アニメーション化。 |
| アニメーションの繰り返しカウント | アニメーションの再生を定義します。 |
| アニメーション方向 | アニメーションを元に戻すかどうかを指定します。 |
| アニメーション・フィル・モード | （アニメーションが完了した、またはアニメーションの遅れがある場合に再生を開始していない場合）アニメーションスタイル要素に適用される、再生されない規定。 |
| アニメーションプレイ状態 | アニメーションが実行中または一時停止しているかどうかを指定します。 |
| 初期 | そのプロパティをデフォルト値に設定します。 初期の情報をお読みください。 |
| 受け継ぎます | プロパティは、親要素から継承されました。 initinheritalについての情報をお読みください。 |
関連記事
CSS3のチュートリアル： CSS3アニメーション
