Boa noite,
Alguem sabe como aplicar esse efeito de filtro colorido em uma imagem usando CSS? Tentei usar a propriedade background-image: radial-gradient, mas não ficou do jeito que preciso.
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!
Solucionado
Boa noite,
Alguem sabe como aplicar esse efeito de filtro colorido em uma imagem usando CSS? Tentei usar a propriedade background-image: radial-gradient, mas não ficou do jeito que preciso.
Boa noite! você chegou a tentar utilizar a propriedade filter do css? Algo semelhante a:
.filtered {
background: purple;
}
.filtered img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
}
<div class="filtered">
<img src="xpto.jpg" width="300" height="300">
</div>Segue algumas referências que encontrei que talvez possa te ajudar
Deu certo aqui. Muito obrigado!