1
resposta

Desafio: personalizando com o Hover

CSS

.apresentacao__links__link:hover {
    background-color: #272727;
    color: #BA55D3;

}

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

1 resposta

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!

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!