Alle Übergangseigenschaften können in einer einzigen Zeile kombiniert werden.

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

Angenommen, es soll eine Übergangseigenschaft zu einem Element hinzugefügt werden. Erwartet wird:

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

Ausführliche Schreibweise

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

Kurzschreibweise

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

Hinweis

Für den Browser besteht kein Unterschied in der Syntax. Wir können jede bevorzugte Option auswählen.