How can I create a blur background effect in CSS?

Question

In css there are ways to blur a background image using filter function but I want the effect that a certain element of the DOM is in focus while all others are blurred. I need this effect to create the background of a modal box. How can I do this?

Answer 1

hi, maybe you will find your respond here :
https://www.w3schools.com/howto/howto_css_blurred_background.asp

Answer 2

Use overlay instead.

I am coding a demo, I'll finish after an hour
https://code.sololearn.com/W6u9K4tfQ0BD/?ref=app

Answer 3

https://code.sololearn.com/Wyt4ndcYWZTW/?ref=app