É possível alterar o fundo de cor de uma imagem .jpg com o CSS?
Eu precisava das imagens barba.jpg/cabelo.jpg/cabelo+barba.jpg sem cor de fundo para utilizar backgrounds com cores além do branco no projeto do site.
É possível alterar o fundo de cor de uma imagem .jpg com o CSS?
Eu precisava das imagens barba.jpg/cabelo.jpg/cabelo+barba.jpg sem cor de fundo para utilizar backgrounds com cores além do branco no projeto do site.
Fala ai Julio, tudo bem? Nesse caso você precisa trabalhar com imagens .png
setando sua transparência, dessa forma, a div
de fundo pode ter qualquer cor que a imagem vai respeitar, pois ela tem seu fundo transparente.
Espero ter ajudado.
Opa Matheus, muito obrigado. Consegui resolver o problema conforme sua solução.
Magina Julio, sempre que precisar não deixe de criar suas dúvidas.
Abraços e bons estudos.
Boa noite Julio,
Atualmente o formato PNG é o unico formato grafico para WEB que suporta a transparencia ( canal Alpha ).
É possivel usar algumas tecnicas para habilitar transparencia em imagens GIF ou JPG, segue exemplos.
...
<img src="carro.gif" alt="" class="carro" />
...
...
img.carro {
opacity:0.65; /* Suportado atualmente pelo Firefox 2 e pelo Ópera 9 */
-moz-opacity: 0.65; /* Navegador Mozilla, o valor da opacidade varia de 0 a 1*/
filter: alpha(opacity=65); /* Navegador IE o valor da opacidade varia de 0 a 100 */
}
...