Conseguir efecto de baja tonalidad en imagen de fondo

boscorelly · 5 Jun 2016

Hola , pues viendo esta web Ver Extraction online | PelisDanko me pregunto como conseguir que la imagen que queda de fondo quede son ese aspecto no se como llamarlo, de baja tonalidad o como se llame que permite que lo que se ponga encima se vea y lea sin problemas.

Gracias

epicmedia · 5 Jun 2016

Es muy sencillo en CSS, checa este enlace: Cómo poner un fondo estático en una página web

boscorelly · 5 Jun 2016

epicmedia dijo:
Es muy sencillo en CSS, checa este enlace: Cómo poner un fondo estático en una página web

Gracias por la respuesta, pero no me refiero a eso, me refiero a ese degradado o efecto que hace que la foto se vea con poca luminosidad, no se si se explicarme.

Saludos

ArmArPa · 5 Jun 2016

Insertar CODE, HTML o PHP:

    <style>
    #background {
        /* DEFAULT BACKGROUND */
        background-image:url('http://pelisdanko.com/img/background.jpg');
        background-size:cover;
        -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);

        -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);
        opacity: 1;

        height:100%;
        width:100%;
        position:fixed;
        z-index: -1;
        overflow:hidden;

        /* CUSTOM BACKGROUND */
                background-image:url('http://pelisdanko.com/img/movie.backdrops/w396/5hwuBoomPNtJefbr8pgve60hsbs.jpg');

        -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);
        opacity: 0.5;
            }
</style>

epicmedia · 5 Jun 2016

Ah ya te entendí, es el fondo con un filtro blur de css3, este es el código que buscas:

HTML:

HTML:

<div id="background"></div>

CSS:

HTML:

 #background {
        /* DEFAULT BACKGROUND */
        background-image:url('http://pelisdanko.com/img/background.jpg');
        background-size:cover;
        -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);

        -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);
        opacity: 1;

        height:100%;
        width:100%;
        position:fixed;
        z-index: -1;
        overflow:hidden;

        /* CUSTOM BACKGROUND */ 
                background-image:url('http://pelisdanko.com/img/movie.backdrops/w396/5hwuBoomPNtJefbr8pgve60hsbs.jpg');

        -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); /*<---- ESTE HACE LA MAGIA */
        opacity: 0.5;
}

ArmArPa · 5 Jun 2016

HTML:

opacity: 0.5;

boscorelly · 5 Jun 2016

Yo mismo me respondo, con el powerpoint se puede hacer, voy a trastear a ver que sale , si alguien conoce otra forma...

Saludos

- - - Actualizado - - -

Gracias compañeros por las respuestas, domino muy poco el tema de insertar código y tal , esta web me padece que no esta hecha en wordpress, encuentro plugins para poner una imagen de fondo por fuera del contenedor, otros plugins para poner imagen de fondo dentro del contenedor, pero hay algún plugin que lo deje tal como esta en esa web? es decir, imagen entera fuera y dentro del contenedor?

Saludos

Conseguir efecto de baja tonalidad en imagen de fondo

boscorelly

epicmedia

boscorelly

ArmArPa

epicmedia

ArmArPa

boscorelly

Temas similares