tengoTengo una imagen para un fondo del bodybody en mi sitio y quiero aplicar un poco de desenfoque, resulta que cuando aplico la propiedad blurblur me desenfoca todos los div y mis containercontainer, pero no el bodybody.
body{ background-image: url("ruta"); filter: blur(6px); }
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>
<body>
<div class="container">
<div class="row">
<div class="col">
<h1>Logo</h1>
</div>
</div>
</div>
También probé agregando con un classclass en csscss, pero no me funciona.
.fondo-body{
background-image: url("ruta");
filter: blur(6px);
}
.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>
<body class="fondo-body">
<div class="container">
<div class="row">
<div class="col">
<h1>Logo</h1>
</div>
</div>
</div>