Combining Transitions
We can combine all transition-related properties into one line.
csstransition: <property> <time> <time_function> <delay>;
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
css91234transition-property: background-color;transition-duration: 1200ms;transition-timing-function: ease-in-out;transition-delay: 250ms;
Shorthand form
csstransition: background-color 1200ms ease-in-out 250ms;
Note
There isn't any difference in syntax for the browser. We can select any option we like more.
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 3. Capítulo 6
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla