transition-propertyプロパティ
transition-propertyプロパティは、CSS Animationにおいて、アニメーション処理をしたいCSSプロパティ名を指定するプロパティです。
エレメントに動きを与えますが、CSS Animationはその機能するプロパティのみです。
transition-property: background,width,height;
関連プロパティに、transition-duration、transition-timing-function、transition-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 Animation | No |