Transition

Olá Joycimar, poderia postar o código, por favor?

Joycimar, conseguiu resolver?

normalmente para funcionar vc precisa colocar

#content #nav a {
    background-color: blue; 
    transition: background-color 1000ms linear;
}

/* e por um hover para cor final  *

#content #nav a:hover {
    background-color: chartreuse;
}

Olá Joycimar, tudo bom?

Também utilizo VSCode e código funcionou normalmente. Verifique se não faltou nenhum " ; " no fim de cada linha.

O que eu fiz foi alterar .enviar:hover, onde troquei a cor darkorange por green, para ficar mais agradável e confirmar a ação do usuário na hora do envio.

.enviar { width: 40%; padding: 15px 0; background: orange; color: white; font-weight: bold; font-size: 18px; border: none; border-radius: 5px; transition: 1s background; cursor: pointer; } .enviar:hover { background: green; }