[Projeto] [Projeto] Mudando os ícones com hover

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Descobri que podemos "chamar" outras classes dentro de um hover do CSS. Consegui mudar o ícone das logos quando interagimos com o botões de links :)

Classe utilizada nas imagens das logos:

.icon {
    background: linear-gradient(to right,#172BE6, #9A09E3);
    border-radius: 10%;
}

Customização hover da classe dos botões de link:

.apresentacao__links__botao:hover {
    /* background: linear-gradient(to right, #9A09E3, #172BE6); */
    background: #2a2a2a;
    color: #FFFFFF;
    .icon {
        background: #000000;
        border-radius: 20%;  
    }
}

Oi Gabriel, tudo bem?

Que legal que você conseguiu mudar o ícone das logos quando interagimos com os botões de links! Isso é muito útil para tornar a experiência do usuário mais interativa e agradável.

A classe utilizada nas imagens das logos está muito bem feita, com um gradiente de cores muito bonito e um bom uso do border-radius.

A customização hover da classe dos botões de link também está muito boa. A mudança de cor de fundo e de texto é uma ótima maneira de indicar ao usuário que ele está interagindo com o botão. E o fato de você ter conseguido chamar outra classe dentro do hover para mudar o ícone é muito interessante.

Continue explorando as possibilidades do CSS e criando projetos incríveis!

Um abraço e bons estudos.