How can I create a blur background effect in CSS?

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?

3/25/2020 11:45:45 AM

Jalaj Kumar

3 Answers

New Answer


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


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