Vi kan kombinere alle overgangsrelaterede egenskaber på én linje.

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

Forestil dig, at vi skal tilføje en overgangsegenskab til elementet. Vi forventer:

• ændring af background-color egenskaben;
• varighed på 1.2s;
• tidsfunktion skal være ease-in-out;
• forsinkelse på 250ms.

Lang form

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

Kort form

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

Bemærk

Der er ingen forskel i syntaksen for browseren. Vi kan vælge den mulighed, vi foretrækker.