Desafio: personalizando com o Hover

E aí, Harlen! Tudo bem?

Parabéns! Mantenha o ritmo nos exercícios e continue compartilhando na nossa comunidade.

Percebi que você praticou o uso de pseudo-classes no CSS, aplicou muito bem o :hover para melhorar a interatividade dos links e ainda entendeu a relevância de estilizar estados interativos para criar experiências mais intuitivas ao usuário.

Uma sugestão para evoluir ainda mais é usar a propriedade transition com o objetivo de suavizar os efeitos ao passar o mouse. Veja só:

.apresentacao__links__link {
    transition: border 0.3s ease-in-out;
}

.apresentacao__links__link:hover {
    border: 2px solid #FFFFFF;
    cursor: pointer;
}

Resultado: A borda branca surge de maneira suave ao passar o mouse, ao invés de aparecer de forma brusca.

Essa abordagem ajuda a criar interfaces mais elegantes e agradáveis para quem navega.

Para saber mais:

Sugestão de conteúdo para você mergulhar ainda mais sobre o tema:

• [Documentação] - :hover
• [Documentação] - transition

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

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