例
animationDurationプロパティ変更<div>要素を:
document.getElementById("myDIV").style.animationDuration = "3s";
»それを自分で試してみてください 定義と使用法
animationDurationプロパティは、アニメーションが1サイクルを完了するのにかかる秒数またはミリ秒を定義します。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
MOZに続く数字は、接頭辞で働いていた最初のバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | サポートされていません | 16.0 5.0 MOZ | サポートされていません | 30.0 |
構文
animationDurationプロパティを返します:
object .style.animationDuration
animationDurationプロパティを設定します。
object .style.animationDuration=" プロパティ値 値 説明 time アニメーションが完了するかかる長さを指定します。 デフォルト値は何のアニメーションは存在しません意味し、0であります initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 0 戻り値: 要素のアニメーション持続性を表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス: animation-duration property
<スタイルオブジェクト