Справка · Справочник панели свойств
Эффекты: тень, размытие и стекло
Добавьте мягкую тень карточке или полупрозрачную панель поверх фото. Настраивайте эффекты на нужном контейнере, чтобы они не применились только к тексту внутри.
- 1Продвинутый режим
- 2Выделите элемент
- 3Эффекты
Добавить мягкую тень карточке
- В продвинутом режиме выберите контейнер карточки. Справа раскройте «Эффекты» и нажмите строку «Тень».
- Начните с X = 0, Y = 8 px, «Размытие» = 24 px и «Растяжение» = 0.
- В «Цвет и прозрачность» выберите чёрный цвет и 15%. Если тень слишком заметна, уменьшите процент.
- Нажмите значок глаза, чтобы сравнить карточку с тенью и без неё. Повторный клик вернёт эффект с сохранёнными настройками.
«+ Ещё одна тень» добавляет второй слой. У каждой тени свои параметры; сначала выберите нужную строку. Корзина удаляет эффект, а глаз только временно скрывает его.
Сделать панель из матового стекла
- Разместите панель поверх фото или цветного фона. Задайте ей полупрозрачную заливку в разделе «Заливка».
- В «Эффектах» включите «Матовое стекло» и увеличьте силу размытия.
- Проверьте, что размывается фон за панелью, а текст панели остаётся читаемым. На однотонном фоне эффект может почти не быть виден.
Как выбрать подходящий эффект
- «Внутренняя тень» создаёт ощущение углубления. У текста она применяется к буквам.
- «Размытие» размывает сам элемент вместе с содержимым. Для размытия того, что находится позади него, используйте «Матовое стекло».
- «Шум» добавляет зерно, «Штриховка» — диагональные линии. У текста фактура находится внутри букв; матовое стекло размывает прямоугольник за ними.
После настройки проверьте текст и края карточки на телефоне. Если эффект обрезается, посмотрите, не ограничивает ли его родительский контейнер или маска.