размыть все, кроме конкретного div

Question

Я хочу размыть весь фон после появления div. Я спрятал div и он появится при нажатии кнопки. на этом изображении div весь фон должен быть размытым. как я могу это сделать?

Answer 1

вы можете сделать следующее

в вашем css

.blur {
filter: blur(5px);

}

javascript файле

document.querySelector("*").classList.add("blur");
document.querySelector("div_id").classList.remove("blur");