Как сделать блюр для фона с меню на мобильных версиях

Эффект размытого фона (blur) — это когда при открытии мобильного меню весь контент страницы становится размытым, а меню остается четким и в фокусе. Такой прием помогает выделить навигацию, не скрывая при этом контент полностью. Он делает интерфейс более современным, а также показывает пользователю, что меню открыто, но страница все еще находится «под ним».

Шаг 1. Настройте мобильное меню

Выберите меню (Menu) на холсте или в слоях и откройте вкладку Настройки.

2. Укажите, начиная с какого брейкпоинта меню будет переходить в мобильный вид («бургер») — например, Планшет.

3. Отключите опцию «Блокировать прокрутку страницы», чтобы при открытом меню можно было скроллить контент.

Шаг 2. Сделайте открытое меню полупрозрачным

Переключитесь на выбранный брейкпоинт (в нашем примере — Планшет). Теперь меню отображается в виде «бургера».