Alle overgangsgerelateerde eigenschappen kunnen in één regel worden gecombineerd.

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

Stel dat er een overgangseigenschap aan het element moet worden toegevoegd. Verwacht wordt:

• de wijziging van de eigenschap background-color;
• de tijdsduur is 1.2s;
• de tijdsfunctie moet ease-in-out zijn;
• de vertraging is 250ms.

Lange vorm

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

Verkorte vorm

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

Opmerking

Er is geen verschil in syntaxis voor de browser. We kunnen elke optie kiezen die we het prettigst vinden.