最新のWeb開発のチュートリアル
 

Style animationDuration Property

<スタイルオブジェクト

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


<スタイルオブジェクト