Transition Combination

We can combine all transition-related properties into one line.

Let's imagine we need to add a transition property to the element. We expect:

• the change of the background-color property;
• the time duration is 1.2s;
• the time function must be ease-in-out;
• the delay is 250ms.

Long form

Shorthand form

Note

There isn't any difference in syntax for the browser. We can select any option we like more.