CSS
.apresentacao__links__link:hover {
background-color: #272727;
color: #BA55D3;
}
)
CSS
.apresentacao__links__link:hover {
background-color: #272727;
color: #BA55D3;
}
Oi, Brenda! Como vai?
Gostei de como você aplicou o :hover para personalizar a interação do usuário. Alterar a background-color e a color ajuda a criar um efeito visual mais dinâmico.
Você também pode adicionar uma transição suave para melhorar a experiência, veja este exemplo:
.apresentacao__links__link {
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.apresentacao__links__link:hover {
background-color: #272727;
color: #BA55D3;
}
Isso faz com que a mudança de cor aconteça de forma gradual, tornando a interação mais fluida.
Obrigada por compartilhar seu código com a comunidade Alura!