Para combinar com o meu projeto eu coloquei na cor laranja.
.css
.apresentacao__links__link:hover{
background-color: #D34B2B;
color: #000000;
}
Para combinar com o meu projeto eu coloquei na cor laranja.
.css
.apresentacao__links__link:hover{
background-color: #D34B2B;
color: #000000;
}
Oi André, tudo bem? 😊
Que legal que você personalizou o hover dos seus links! 👍 A cor laranja ficou bem chamativa e combinou com o seu projeto.
O código que você compartilhou está correto e funciona como esperado.
O seletor :hover
é usado para aplicar estilos quando o mouse passa por cima do elemento.
Nesse caso, você alterou a cor de fundo e a cor do texto dos links.
Você pode experimentar outras propriedades CSS para deixar o efeito ainda mais interessante.
Por exemplo, você pode adicionar uma transição suave com transition
ou mudar a forma do cursor com cursor
.
.apresentacao__links__link:hover {
background-color: #D34B2B;
color: #000000;
transition: background-color 0.3s ease;
cursor: pointer;
}
🎓 Para saber mais:
Continue praticando e explorando as possibilidades do CSS! 🤔 A persistência é o caminho para o sucesso. 💪
Muito bom, vlw pela dica eu coloquei depois sim ficou top