2
respostas

Minha imagem não ficou opaca.

.imagem-beneficios { width: 60%; opacity: 1; transition: 400ms; }

.imagem-beneficios:hoover { opacity: 0.7;

2 respostas

Resolvi colocando os valores com o simbolo da porcentagem.

.imagem-beneficios { width: 60%; opacity: 30%; }

.imagem-beneficios:hover { opacity: 100%; }

Eai Robson!

Lembre-se de usar a propriedade {transition: Xs opacity;} para que a transição seja suave :)

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software