Efeito de transparência em imagem com cor de fundo personalizada

josefernandez · 05/09/2015

Olá amigos, quero saber como fazer o efeito de transparência em uma imagem, mas que ela vá para uma cor e não para o branco, que sua transparência vá para uma cor que eu escolher. Por exemplo, a imagem jpg é azul, mas com a transparência que se veja vermelha. Este efeito vi neste template, Pluton - Free Single Page Bootstrap Html Template preview - graphberry.com a parte amarela não é uma imagem transparente, é uma imagem normal, mas com seu css dá a transparência ao seu fundo jpg da cor que se queira. Quero este efeito para meu header, por favor, ajuda!

cybermeta · 05/09/2015

Nós fazemos, mas veja se algum programador pode fazer de graça

😛anda:

Aliás, isso é realizado em html5

lombervid · 05/09/2015

Coloque uma camada acima com fundo da cor que você quer que saia, e coloque uma transparência.

YeltsinReyes · 05/09/2015

É apenas uma camada amarela com transparência! :encouragement:

HTML:

<div class="mask"></div>

HTML:

.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FECE1A;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

Efeito de transparência em imagem com cor de fundo personalizada

josefernandez

cybermeta

lombervid

YeltsinReyes

Tópicos similares