Alla övergångsrelaterade egenskaper kan kombineras på en rad.

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

Anta att en övergångsegenskap behöver läggas till på elementet. Förväntat resultat:

• ändring av egenskapen background-color;
• tidslängd är 1.2s;
• tidsfunktion ska vara ease-in-out;
• fördröjning är 250ms.

Lång form

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

Kortform

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

Obs

Det finns ingen skillnad i syntax för webbläsaren. Vi kan välja det alternativ vi föredrar.