.imagem-beneficios { width: 60%; opacity: 1; transition: 400ms; }
.imagem-beneficios:hoover { opacity: 0.7;
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
.imagem-beneficios { width: 60%; opacity: 1; transition: 400ms; }
.imagem-beneficios:hoover { opacity: 0.7;
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 :)