Black November

ATÉ 50% OFF

TÁ ACABANDO!

0 dias

0 horas

0 min

0 seg

Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Como usar a função "hover" em uma imagem?

Removido a pedido do usuario.

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
2 respostas

Olá Arthur, tudo certo?

Você pode utilizar as funções transition e transform no hover para ter um efeito de aumento de tamanho. A idéia dela é mais ou menos essa:

.classeIMG { 
    transition: 0.5s; 
}
.classeIMG:hover { 
    transform: scale(1.1); 
}

Quando você passar o mouse pela imagem ela vai aumentar de tamanho numa escala de 1 para 1.1, em um período de 0.5s.

Já para trocar a cor da imagem, você teria que ter o logo de duas cores e é um pouco mais complicado, porém possível. Com javascript é mais fácil, você verá isso mais pra frente no curso.

Espero ter ajudado, bons estudos.

solução!
Removido a pedido do usuario.