Utilizamos la propiedad transition-duration para especificar el tiempo durante el cual debe ocurrir la transición. Esta propiedad se expresa en segundos (por ejemplo, 3s o 0.45s) o milisegundos (por ejemplo, 3000ms o 450ms). Cuando la duración de una transición no se define explícitamente, el cambio ocurre de forma instantánea.

transition-duration: 3s | 3000ms;

Ejecutar el siguiente ejemplo para observar los diferentes comportamientos posibles. Pase el cursor sobre el contenedor y la transición comenzará para todos los elementos. La diferencia radica en la duración de la transición.