Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

curiosidade

é necessário mesmo colocar o (opacity 1) na imagem quando colocamos um efeito efeito de opacidade quando o cursor esta sobre a imagem

ou pode colocar direto o (opacity: 0.3;) no image,-beneficios:hover ????

.imagem-beneficios {
    width: 60%;
    opacity: 1;
    transition: 400ms;
    box-shadow: 10px 10px 10px 0 #000000;
}

.imagem-beneficios:hover {
    opacity: 0.3;
}
1 resposta
solução!

Daniel, tudo bem?

Por default o opacity é 100% (ou 1), se pensar a grosso modo você não precisaria declarar isso. Eu deixaria da forma que está por uma questão de clareza do código, talvez haja outro motivo que não achei até o momento.

https://css-tricks.com/almanac/properties/o/opacity/

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