サブプロパティ

transition-property
- トランジションを設定するプロパティ。大抵は all 。
transition-duration
- 変化にかける時間。500ms 2s など。
transition-timing-function
- キーワード（linear ease-in-out etc.）または <easing-function> 。
- Easing Functions Cheat Sheet
transition-delay
- 変化開始までの待ち時間。

一括指定構文はこの順で書く。

div {
    transition: <property> <duration> <timing-function> <delay>;
}

トランジションさせるプロパティが複数ある場合はそれぞれについて指定する。

div {
  transition-property: opacity, left, top, height;
  transition-duration: 3s, 5s, 3s, 5s;
}

長ければ切り詰められる。

div {
  transition-property: opacity, left;
  transition-duration: 3s, 5s, 2s, 1s;
}

（解釈）

div {
  transition-property: opacity, left;
  transition-duration: 3s, 5s;
}

足りなければリピートされる。

div {
  transition-property: opacity, left, top, height;
  transition-duration: 3s, 5s;
}

（解釈）

div {
  transition-property: opacity, left, top, height;
  transition-duration: 3s, 5s, 3s, 5s;
}

イベント

これらは TransitionEvent で Event に次の２つのプロパティを加えたもの。