例
アニメーション変更<div>速記プロパティを使用して、要素を：
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2"; »それを自分で試してみてください 定義と使用法
アニメーションプロパティは、アニメーションのプロパティの6の短縮形プロパティです。
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note:必ずanimationDurationプロパティを指定し、それ以外の期間は0で、演奏されることはありません。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
Webkitの、MOZ、またはOに続く数字は、接頭辞で働いていた最初のバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| animation | 43.0 4.0のWebkit | 10.0 | 16.0 5.0 MOZ | 4.0のWebkit | 30.0 15.0のWebkit 12.1 12.0 -O- |
注意：クロム、SafariやOperaは代替、WebkitAnimationプロパティをサポート。
構文
アニメーションプロパティを返します：
object .style.animation アニメーションプロパティを設定します。
object .style.animation=" プロパティ値 値 説明 animationName あなたは、セレクタにバインドしたいキーフレームの名前を指定します。 animationDuration アニメーションが完了するまでの秒数またはミリ秒を指定します
animationTimingFunction アニメーションの速度曲線を指定します。 animationDelay アニメーションが開始されるまでの遅延を指定します。
animationIterationCount アニメーションが再生されなければならない回数を指定します animationDirection アニメーションが交互のサイクルで逆に再生するかどうかを指定します animationFillMode 値は、それが実行している時間外のアニメーションによって適用されているものを指定します animationPlayState アニメーションが実行中または一時停止されているかどうかを指定します initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値： なし0やすさ0 1ノーマルなしランニング 戻り値： 要素のアニメーションプロパティを表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス： animation property
<スタイルオブジェクト