Как сделать размытый фон модальному окну?

Question

[LastGeneral]

Как задать размытие фона когда открывается модальное окно?

<button id="button">click</button>
<!-- modal -->
<div id="modal">
	<form id="form" method="post">
		<p>Остались вопросы?<br>Оставьте Ваши данные и мы перезвоним!</p>
		<input type="text" name="name" placeholder="Ваше имя*" required="required" pattern="[a-zA-Zа-яА-Я]+">
		<input type="tel" name="phone" placeholder="Ваш телефон*" required="required" minlength="10" maxlength="15">
		<button type="submit" class="button arrow close_modal">ЗАКАЗАТЬ КОНСУЛЬТАЦИЮ</button>
		<span class="info">Информация не подлежит разглашению третьим лицам.</span>
	</form>
</div>
<!-- modal end -->

// modal
var button = document.getElementById('button');
var modal = document.getElementById('modal');
var close = document.getElementsByClassName("close_modal")[0];

button.onclick = function () {
	modal.style.display = 'block';
}
close.onclick = function () {
	modal.style.display = 'none';
}

Comments

[Rustam Bainazarov]

backdrop-filter: blur(10px);

Только смотрите поддержку. Она есть только в Safari с древних времён и новых Chrome. Firefox только на очереди.