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

transition-propertyプロパティ

 transition-propertyプロパティは、CSS Animationにおいて、アニメーション処理をしたいCSSプロパティ名を指定するプロパティです。
 エレメントに動きを与えますが、CSS Animationはその機能するプロパティのみです。

background,width,heightプロパティをCSSアニメーション化
transition-property: background,width,height;

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

構文(Syntax)

CSS

transition-property: all | none | property-name | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.transitionProperty;
値の設定
object.style.transitionProperty="all | none | property-name | initial | inherit";

Values

 プロパティ名はカンマ","で区切ります。

Value摘要
all初期値(default値)
none設定しない
property-nameプロパティ名(カンマ","で区切る)
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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