How to implement a blur overlay on the background image when scrolling down the page in dle 11.2?

Question

css

Good day! The question arose, how to implement the overlay of the blur effect when scrolling the page down? If someone needs an example - here is a link to the game forum, there is this effect - click .
I will ask knowledgeable people to help with this issue, thanks in advance!

Answer 1

here is a link to the gaming forum, there is this effect

Open the developer console F12 or Ctrl+Shift+i and see how the effect is implemented.
In this case, the menu simply gets filter: blur().

Answer 2

Hmm .. That is, we just insert it into our site template and that's it? If so, thanks for the help!