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

Consolidando opacidade dos elementos e sombras.

Em "style.css", no ".imagem-beneficios, adicionei a função "transition" com 400ms e "opacity: 0.3", sendo necessário criar outro ".imagem-beneficios:hover", contendo "opacity: 1; . Assim, ao passar o mouse, tenho o efeito de parcialmente escondido para a sua visualização completa. Também, usando a ferramenta "box-shadow", foi criado um sombreamento na imagem. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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

Agora o efeito com o passar do mouse. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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

2 respostas

Olá, Daniel.

Tudo bem?

Ai sim, ficou muito legal!

É isso aí, é praticando que se aprende. Você pegou algo e refez do seu jeito mudando algumas coisas e isso é top.

Parabéns!

E valeu por compartilhar essa forma de fazer.

Bons estudos.

solução!

Tudo bem, Renan. Obrigado . Força aos colegas de estudo...