How to make such a mask?

Question

css

There is a script that, when loading, I add a class with a blur effect to the entire window (first screen), but I need to add another darkening so that there is a blur + darkening as in the second screen, but I can’t resolve it through css. Is it realistic to cram everything into one class, or should we add another one and hang a blur on it?

Answer 1

Use blur and background-color: rgba(0, 0, 0, 0.5)

Answer 2

:after and :before not?