Wir können alle Übergangseigenschaften in einer Zeile kombinieren.

transition: <property> <time> <time_function> <delay>;

Stellen wir uns vor, wir müssen einer Element eine Übergangseigenschaft hinzufügen. Wir erwarten:

• die Änderung der background-color-Eigenschaft;
• die Zeitdauer beträgt 1.2s;
• die Zeitfunktion muss ease-in-out sein;
• die Verzögerung beträgt 250ms.

Lange Form

transition-property: background-color;
transition-duration: 1200ms;
transition-timing-function: ease-in-out;
transition-delay: 250ms;

Kurzform

transition: background-color 1200ms ease-in-out 250ms;

Hinweis

Es gibt keinen Unterschied in der Syntax für den Browser. Wir können jede Option auswählen, die uns besser gefällt.