2
respostas

[Projeto] Desafio: Utilizando Hover

Código:

.apresentacao__links__botoes:hover {
    background-color: #272727;
    transform: scale(1.1);
    color: #22D4FD;
}

Imagem sem hover

Imagem com hover

2 respostas

Olá, Renan, como vai?

Parabéns pelo avanço! Seu código está bem implementado e você fez exatamente o que foi proposto no desafio!

Para deixar ainda mais fluido, uma dica legal seria adicionar uma transição suave, evitando mudanças bruscas e melhorando a experiência do usuário.

Você pode fazer isso adicionando a propriedade transition no estilo original do botão, assim:

.apresentacao__links__botoes {
    transition: all 0.3s ease-in-out;
}

Vou deixar um gif demonstrando como fica o efeito:

Demonstrando o efeito de transition + hover quando a seta do mouse passa por cima do botão

Siga firme nos estudos e conte sempre com o fórum!

Abraços!

Olá, Mike!

Obrigado pelo retorno e pela dica do transition. Valeu!!!