Zum Inhalt springen

#transition

Kurzschreibweise transition-property transition-duration transition-timing-function und transition-delay.

Nur transition-duration ist erforderlich.

transition: 1s;

  • transition-duration ist auf 1s eingestellt
  • transition-property ist standardmäßig auf all
  • transition-timing-function ist standardmäßig auf ease
  • transition-delay ist standardmäßig auf 0s

transition: 1s linear;

  • transition-duration ist auf 1s eingestellt
  • transition-property ist standardmäßig auf all
  • transition-timing-function ist auf linear eingestellt
  • transition-delay standardmäßig auf 0s

transition: background 1s linear;

  • transition-duration ist auf 1s eingestellt
  • transition-property ist auf background eingestellt
  • transition-timing-function ist auf linear eingestellt
  • transition-delay ist standardmäßig auf 0s

transition: background 1s linear 500ms;

  • transition-duration ist auf 1s eingestellt
  • transition-property ist auf background eingestellt
  • transition-timing-function ist auf linear eingestellt
  • transition-delay ist auf to 500ms eingestellt

transition: background 4s, transform 1s;

Sie können mehrere Eigenschaften mit ihrer eigenen Übergangsdauer kombinieren.

Nach oben