Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Resolução de Atividades - "08 Desafio: personalizando com o Hover"

CSS:

.apresentacao__links__link:hover {

    background-color: aqua;
    padding: 3%;
    color: black;
}

Projeto:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

Oi, Victor! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

O efeito de hover que você aplicou está funcionando muito bem para destacar os links interativos. É isso aí! Mandou bem!

Uma dica interessante para o futuro é usar transition para suavizar os efeitos visuais. Veja este exemplo:


.apresentacao__links__link {
    transition: background-color 0.3s ease, color 0.3s ease;
}

Esse código aplica uma transição suave quando a cor de fundo e a cor do texto mudam. Use transition sem acento e combine com hover para deixar a experiência mais agradável.

Qualquer dúvida que surgir, compartilhe no fórum. Abraços e bons estudos!

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