CSS3のアニメーションプロパティ2024 年の最新の入門チュートリアル。このコースでは 例,ブラウザのサポート,文法,関連記事, について学習できます。
<div>要素にバインドするために速記プロパティのアニメーションを使用します。
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-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無限」 |
値 | 説明 |
---|---|
アニメーション名 | キーフレームを選択するように拘束されることに名前を指定します。 |
アニメーションの継続時間 | アニメーションは、何秒かミリ秒を指定します。 |
アニメーションタイミング機能 | どのようにサイクルを完了しますアニメーションを設定するには |
アニメーションの遅延 | 遅延間隔を開始する前に、アニメーション化。 |
アニメーションの繰り返しカウント | アニメーションの再生を定義します。 |
アニメーション方向 | アニメーションを元に戻すかどうかを指定します。 |
アニメーション・フィル・モード | (アニメーションが完了した、またはアニメーションの遅れがある場合に再生を開始していない場合)アニメーションスタイル要素に適用される、再生されない規定。 |
アニメーションプレイ状態 | アニメーションが実行中または一時停止しているかどうかを指定します。 |
初期 | そのプロパティをデフォルト値に設定します。 初期の情報をお読みください。 |
受け継ぎます | プロパティは、親要素から継承されました。 initinheritalについての情報をお読みください。 |
CSS3のチュートリアル: CSS3アニメーション