@correlucas
Posted
👾Fala Victor, beleza? Parabéns pelo novo desafio!
Sua solução ficou muito boa, minha dica pra você é em relação a foto, o jeito mais fácil de fazer a troca da versão mobile pra desktop seria usando a tag <picture> pra segurar as duas fotos lá dentro e definir no html quando uma deve trocar pela outra.
Se você quiser fazer o mesmo efeito de cor do desafio, mas usar esse código no CSS:
img {
mix-blend-mode: multiply;
opacity: 0.8;}
Espero ter ajudado e foco nos projetos!
Marked as helpful
@victorspoot
Posted
@correlucas Fala Lucas, segui as sugestões que você me deu, ficou melhor e mais fiel ao projeto proposto obrigado. Só uma pergunta, quanto a mascara que coloquei na imagem, tinha alguma maneira mais prática ou que seria mais certo?
@correlucas
Posted
@victorspoot Cara eu desliguei todas as layers com essa mascara aqui, e acho que nem precisava dessa div, da pra ter feito só usando o código no img direto. Acho que se voce manter só a tag picture funciona do mesmo jeito, alem de ficar mais limpo.
