例
animationDirectionプロパティ変更<div>要素を：
document.getElementById("myDIV").style.animationDirection = "reverse";
»それを自分で試してみてください 定義と使用法
animationDirectionプロパティセットやアニメーションが交互のサイクルで逆に果たすべきかどうかを返します。
Note:アニメーションは、一度だけ再生するように設定されている場合、このプロパティは効果がありません。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
MOZに続く数字は、接頭辞で働いていた最初のバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| animationDirection | 43.0 | サポートされていません | 16.0 5.0 MOZ | サポートされていません | 30.0 |
構文
animationDirectionプロパティを返します：
object .style.animationDirection animationDirectionプロパティを設定します。
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| normal | デフォルト値。 アニメーションは通常通りに再生されなければなりません |
| reverse | アニメーションは逆方向に再生する必要があります |
| alternate | アニメーションは通常通りすべての奇数時間再生されます(1,3,5,etc..)逆方向に全ての偶数時間と(2,4,6,etc...) |
| alternate-reverse | アニメーションが逆方向にすべての奇数時間再生されます(1,3,5,etc..)法線方向に全ての偶数時間と(2,4,6,etc...) |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | ノーマル |
|---|---|
| 戻り値： | 要素のアニメーションの方向性を表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： animation-direction property
<スタイルオブジェクト