div:hover{
background-color: #FFC300;
}
div:hover{
background-color: #FFC300;
}
Oi, Helder! Como vai?
Obrigada por compartilhar seu código com a comunidade Alura!
Bom trabalho aplicando o :hover para mudar a cor de fundo ao passar o mouse. Isso é muito útil para melhorar a interação no site!
Uma alternativa interessante é adicionar uma transição suave para deixar a mudança de cor mais fluida. Veja este exemplo:
div {
background-color: #FFF;
transition: background-color 0.3s ease-in-out;
}
div:hover {
background-color: #FFC300;
}
No código acima, a propriedade transition faz com que a cor mude de forma gradual em 0.3 segundos. Isso melhora a experiência do usuário.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!