Blur ao background

Front-end
#1

Galera, queria adicionar blur ao background de uma div dentro de um hero-image, mas só no background, quando tento fazer isso, ele adiciona blur em tudo, até no texto, queria saber como deixa só o background

#2

E ai Kaigo, adiciona o seu código para que possamos te ajudar.

Abraço

#3

Código código código :heart_eyes::heart_eyes:

#5

assim:

<div class="hero">
     <div class="content"><p>Faça mais</p></div>
</div>

<style>
      div.content {filter: blur(10px);}
      div.hero {width: 100%; height: 100%; position: fixed; background: url("/images/hero.png")
</style>