Tarefa

Aprimore a experiência visual do elemento div com o nome de classe box adicionando um efeito de transição suave às suas alterações ao passar o mouse. Siga estas etapas:

1. Especifique o valor correto para a propriedade transition-property.
2. Defina a duração da transição para 3000ms.
3. Garanta que a transição comece 200ms após o usuário passar o mouse sobre o elemento.
4. Aplique a função de tempo cubic-bezier(0.165, 0.84, 0.44, 1) para controlar a aceleração e desaceleração da transição.

1. Defina a propriedade transition-property com o valor apropriado que corresponda às alterações que deseja animar ao passar o mouse.
2. Especifique o transition-duration para controlar a duração da transição (neste caso, 3000ms).
3. Utilize a propriedade transition-delay para adicionar um atraso antes do início da transição após o usuário passar o mouse sobre o elemento (defina como 200ms).
4. Aplique a função de temporização cubic-bezier(0.165, 0.84, 0.44, 1) para ajustar a aceleração e desaceleração da transição.