Es una propiedad abreviada dentro de ella se deben especificar cuatro parametros o propiedades longhand.
transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
transition-property
Especifica el nombre o nombres de las propiedades CSS (all) a las que deberían aplicarse las transiciones.
transition-timing-function
ease, equivalente a cubic-bezier(0.25, 0.1, 0.25, 1.0)
linear, equivalente a cubic-bezier(0.0, 0.0, 1.0, 1.0)
ease-in, equivalente a cubic-bezier(0.42, 0, 1.0, 1.0)
ease-out, equivalente a cubic-bezier(0, 0, 0.58, 1.0)
ease-in-out, equivalente a cubic-bezier(0.42, 0, 0.58, 1.0)
Ejemplo:
transition: all 0.5s ease 2s; de rojo a verde;de padding 10px a 20px
