How to create a gradient blur effect in CSS?

Question

css

The task is this: let's say we take a div block, it has a width and height of 100%x50px, there may be elements behind it. How to make blur vertical gradient from 0% to 100% (0% at bottom, 100% at top)?
If there are no CSS options, then other methods will do.

Answer 1

stackoverflow.com/questions/19713813/fade-image-to...
Through a mask. Those. one layer is blurred, the other is normal. And a mask on the blurred layer with a gradient.
designshack.net/articles/css/csstiltshift here is another similar thing.