備忘録的プログラミングリファレンス

transition-durationプロパティ

 transition-durationプロパティは、CSS Animationにおいてアニメーションが完了するまでの時間を指定するプロパティです。 値は秒数(s)またはミリ秒(ms)で指定します。
 エレメントに動きを与えますが、CSS Animationはその機能するエレメントのみです。

transition-durationプロパティの例
transition-duration: 5s;

 関連プロパティに、transition-propertytransition-timing-functiontransition-delayがあります。

構文(Syntax)

CSS

transition-duration: time | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.transitionDuration;
値の設定
object.style.transitionDuration="time | initial | inherit";

Values

Value摘要
0s初期値(default値)
time秒数(s)またはミリ秒(ms)
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)0s
継承(Inherited)No
CSS AnimationNo