Alle overgangsrelaterte egenskaper kan kombineres på én linje.

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

Anta at det er behov for å legge til en overgangsegenskap til elementet. Forventet:

• endring av background-color-egenskapen;
• varighet på 1.2s;
• tidsfunksjon må 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;

Kortform

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

Merk

Det er ingen forskjell i syntaks for nettleseren. Vi kan velge det alternativet vi foretrekker.