Наложение — это полупрозрачный цвет, который накладывается поверх изображения. Уровень непрозрачности можно настроить, а наложение можно применить к любому изображению на сайте, включая фоновые изображения.
При добавлении блока изображения есть возможность добавить наложение. Откроется окно выбора цвета, и для наложения можно выбрать любой цвет. Если цвет не выбран, по умолчанию используется черный цвет с непрозрачностью 50%.
Существует три варианта настройки наложения:
- Цвет: Выберите цвет с помощью пипетки.
- Прозрачность: Используйте ползунок для настройки прозрачности наложения. Чем меньше число, тем прозрачнее будет наложение.
- Режим наложения:** Существует 12 вариантов режима наложения. Это изменяет, как полупрозрачный цвет наложения взаимодействует с изображением под ним.
Вот несколько примеров использования наложения:
Добавление непрозрачного цвета поверх фонового изображения может помочь тексту стать более разборчивым. В этом примере черный цвет был добавлен в качестве наложения поверх фонового изображения с низким контрастом. Теперь текст читается гораздо легче, чем раньше.
В этом примере желтый цвет был добавлен в качестве наложения поверх фонового изображения. Желтый цвет помогает привлечь внимание к кнопке призыва к действию.
В этом примере градиент был добавлен в качестве наложения поверх фонового изображения. Градиент помогает создать иллюзию, что на изображении присутствует более одного источника света.
Вывод:
Наложения — это полупрозрачные цвета, которые накладываются поверх изображений в Squarespace. Они помогают улучшить читаемость или создать иллюзию тонкости в изображениях.