@correlucas
Posted
👾Oi João Oliveira, tudo bem? Parabéns pelo desafio!
Acabei de ver sua solução e tenho umas dicas pra melhorar seu código/design:
Para adicionar exatamente o mesmo efeito de sobreposição roxo para a imagem, combinando os arquivos de design que você pode usar, filter
, background-blend-mode
ou mix-blend-mode: multiply;
(a melhor escolha na minha opinião). Veja o código abaixo ```
img {
mix-blend-mode: multiply;
opacity: 0.8;}
Aqui a documentação explicando esse efeito mix-blend-mode: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
👋 Espero ter ajudado e continue no foco!
Marked as helpful
@jvmdo
Posted
@correlucas Obrigado pela dica. Consegui um resultado mais próximo do design com essa propriedade :)
@correlucas
Posted
@jvmdo Boa!