Eu coloquei no meu css: transition: 1s background; e não está funcionando. Alguém pode me ajudar. eu estou usando o VS Code.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Eu coloquei no meu css: transition: 1s background; e não está funcionando. Alguém pode me ajudar. eu estou usando o VS Code.
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; }