Efecto de transparencia en imagen con fondo de color personalizado

josefernandez · 5 Sep 2015

Hola amigos , quiero saber hacer el efecto de transparencia a una imagen , pero que este se valla a un color no a blanco su transparencia que se valla un color que yo elija, por ejemplo la imagen jpg es azul, pero la con las transparencia que se se vea roja, este efecto lo vi en este templante, Pluton - Free Single Page Bootstrap Html Template preview - graphberry.com la parte amarilla no es una imagen transparente es una imagen normal pero con su css le da la transparencia a su fondo jpj del color que uno quiera, quiero este efecto para mi header, por favor ayuda!

cybermeta · 5 Sep 2015

Lo hacemos, pero ve si algún programador lo puede hacer de gratis

😛anda:

Por cierto eso se realiza en html5

lombervid · 5 Sep 2015

Ponle una capa arriba con fondo del color que quieres que salga, y ponle una transparencia.

YeltsinReyes · 5 Sep 2015

Solo es una capa amarilla con transparecia! :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);
}

Efecto de transparencia en imagen con fondo de color personalizado

josefernandez

cybermeta

lombervid

YeltsinReyes

Temas similares