CSS:
.apresentacao__links__link:hover {
background-color: aqua;
padding: 3%;
color: black;
}
Projeto:
CSS:
.apresentacao__links__link:hover {
background-color: aqua;
padding: 3%;
color: black;
}
Projeto:
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!