Tarea

Mejorar la experiencia visual del elemento div con el nombre de clase box añadiendo un efecto de transición suave a sus cambios al pasar el cursor. Siga estos pasos:

1. Especificar el valor correcto para la propiedad transition-property.
2. Establecer la duración de la transición en 3000ms.
3. Asegurarse de que la transición comience 200ms después de que un usuario pase el cursor sobre el elemento.
4. Aplicar la función de tiempo cubic-bezier(0.165, 0.84, 0.44, 1) para controlar la aceleración y desaceleración de la transición.

1. Establecer la propiedad transition-property con el valor apropiado que corresponda a los cambios que se desean animar al pasar el cursor.
2. Especificar transition-duration para controlar la duración de la transición (en este caso, 3000ms).
3. Utilizar la propiedad transition-delay para introducir un retraso antes de que comience la transición después de que el usuario pase el cursor sobre el elemento (configurar en 200ms).
4. Aplicar la función de temporización cubic-bezier(0.165, 0.84, 0.44, 1) para ajustar la aceleración y desaceleración de la transición.