Skip to main content
2 de 2
se añadieron 42 caracteres en el cuerpo; título editado
Israel-ICM
  • 3.6k
  • 25
  • 20
  • 26

¿Cómo desenfocar solo la imagen de un background-image?

Tengo una imagen para un fondo del body en mi sitio y quiero aplicar un poco de desenfoque, resulta que cuando aplico la propiedad blur me desenfoca todos los div y mis container, pero no el body.

body{
    background-image: url("ruta");
    filter: blur(6px);
}
<body>
    <div class="container">
        <div class="row">
            <div class="col">
                <h1>Logo</h1>
            </div>
        </div>
    </div>
</body>

También probé agregando con un class en css, pero no me funciona.

.fondo-body{
    background-image: url("ruta");
    filter: blur(6px);
}
<body class="fondo-body">
    <div class="container">
        <div class="row">
            <div class="col">
                <h1>Logo</h1>
            </div>
        </div>
    </div>
</body>