Как сделать размытие заднего фона для блока: Backdrop filter

В дизайне часто используется эффект размытия заднего фона у блока. Например, можно сделать прозрачные карточки с размытым фоном позади них. В Taptop это делается очень просто с помощью свойства Фоновые фильтры (Backdrop filter).

Смотрите видео:

Как добавить Backdrop filter

Создайте секцию с фоновым изображением.

Добавьте карточки с прозрачным фоном и обводкой с помощью виджета Block List.

Выберите любую карточку — айтем в блок-листе. В правой панели найдите свойство Фоновые фильтры (Backdrop filters) и нажмите +, чтобы добавить фильтр.

Выберите эффект Размытие (Blur) и настройте нужное значение.

5. Для эффектности можно дополнительно добавить цвет фона с прозрачностью.

Резюме

Эффект размытия заднего фона — свойство Фоновые фильтры (Backdrop filter) → Размытие (Blur).