新着！ 私の44ページの電子書籍「44分でわかる CSS」が発売されました！ 😃

今すぐ入手 →

#transition

transition-property transition-duration transition-timing-function および transition-delay の一括指定プロパティ。

transition-duration のみが必須です。

transition: 1s;

  • transition-duration が 1s に設定されています
  • transition-property はデフォルトで all です
  • transition-timing-function はデフォルトで ease です
  • transition-delay はデフォルトで 0s です

transition: 1s linear;

  • transition-duration が 1s に設定されています
  • transition-property はデフォルトで all です
  • transition-timing-function が linear に設定されています
  • transition-delay はデフォルトで 0s です

transition: background 1s linear;

  • transition-duration が 1s に設定されています
  • transition-property が background に設定されています
  • transition-timing-function が linear に設定されています
  • transition-delay はデフォルトで 0s です

transition: background 1s linear 500ms;

  • transition-duration が 1s に設定されています
  • transition-property が background に設定されています
  • transition-timing-function が linear に設定されています
  • transition-delay が 500ms に設定されています

transition: background 4s, transform 1s;

複数のプロパティをそれぞれ独自のトランジション時間で組み合わせることができます。