Conseguir efeito de baixa tonalidade em imagem de fundo

  • Autor Autor boscorelly
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
boscorelly

boscorelly

Gamma
Verificación en dos pasos activada
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Inserir CODE, HTML ou 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>
 
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;
}
 
HTML:
opacity: 0.5;
 
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
 
Voltar
Topo