1
resposta

[Dúvida] Efeito de 'hover' no SVG

Boa noite!

Adicionei os SVGs dos logos de contato ao lado do nome das redes sociais e gostaria de adicionar um efeito de 'hover' nele, mas não estou conseguindo. No que estou errando? HTML:

      <a class="apresentacao__conteudo__contato" href="https://linkedin.com/in/joao-arthurf/"><img class="apresentacao__conteudo__contato__logos" src="assets/logolinkedin.svg">Linkedin</a>
      <a class="apresentacao__conteudo__contato" href="https://github.com/joaoarthurfdc"><img class="apresentacao__conteudo__contato__logos" src="assets/logogithub.svg">Github</a>

CSS:

.apresentacao__conteudo__contato__logos:hover {
  color: #fff;
}

Observação: fiz o download dos logos no site https://icons8.com/icons/

1 resposta

Olá,

Especifique o elemento para o qual vai aplicar o efeito:

.apresentacao__conteudo__contato__logos img:hover {
  ...
}

Senão aplique o efeito ao elemento a:

.apresentacao__conteudo__contato a:hover {
  ...
}