On modal open - blurred background vs. dark background

1. How do I blur the background when a pop up comes in CSS?
2. What does background blur do?

How do I blur the background when a pop up comes in CSS?

So, here's how to create a background blur using the backdrop-filter CSS property. backdrop-filter: blur(5px); That's it.

What does background blur do?

Background blur is a common technique used by photographers for years as a way to keep the focus on their most important subject. The idea is to focus on the element in the foreground, by removing the hard lines and distracting detail in the background, to truly make the element pop.