Is it possible to apply blur to background-image: url();?

Question

css

.foo {
  background-image: url("../images/background.png");
  filter: blur(5px);
}

Why it doesn't work and how to implement the concept?

Answer 1

Pretty detailed answer .
tl:dr codepen.io/akademy/pen/FlkzB