div:hover{
/* <a class="apresentacao__links__linksf="https://github.com/Ele703">Github<img src="./assets/gitthub.png"
<a class="apresentacao__links__link" href="https://www.linkedin.com/in/eleazar-de-moraes-lima-6aa613318/">linkedin<img src="./assets/linkedin.png"
</a> */
}
<img src=".https://raw.githubusercontent.com/alura-cursos/Portifolio-HTML-e-CSS-Curso3/refs/heads/aula_1/Imagem.png" alt="Foto de Joana programando"
Olá Eleazar! Tudo bem?
Parece que você está tentando aplicar o hover em links para o GitHub e LinkedIn, mas o código está um pouco confuso. Você pode fazer isso assim:
HTML:
<a class="apresentacao__links__link" href="https://github.com/Ele703">
Github
<img src="./assets/github.png" alt="GitHub">
</a>
<a class="apresentacao__links__link" href="https://www.linkedin.com/in/eleazar-de-moraes-lima-6aa613318/">
LinkedIn
<img src="./assets/linkedin.png" alt="LinkedIn">
</a>
CSS:
.apresentacao__links__link:hover {
color: #ff0000; /* Exemplo: muda a cor do texto ao passar o mouse */
text-decoration: underline; /* Exemplo: sublinha o texto ao passar o mouse */
}
.apresentacao__links__link img:hover {
transform: scale(1.1); /* Exemplo: aumenta a imagem ao passar o mouse */
}
No exemplo acima, ao passar o mouse sobre o link, a cor do texto mudará e ficará sublinhado, enquanto a imagem será levemente ampliada. Você pode ajustar as propriedades de acordo com o efeito visual que deseja alcançar.
Espero ter ajudado. Conte com o apoio do fórum em sua jornada :)
Abraços e bons estudos!
A sim obrigado.