Настройки заднего фона

Для заднего фона секции можно использовать как заливку цветом или градиент, так и добавлять изображения.

Можно совмещать заливку и фоновое изображение:

Изображение можно добавить файлом или ссылкой на изображение:

Позиция изображения

Можно установить позиционирование изображения в секции двумя параметрами: первый - по горизонтали, второй - по вертикали.

  • указать команду для позиционирования или их комбинацию:

top - вверху центр (пример 1) bottom - внизу центр center - в центре секции (пример 2) left - левый край right - правый край bottom left - внизу секции слева (пример 3) и т.д.

  • указать гибкие настройки в % (пример 4) или px или комбинировать разные параметры

Размер изображения

Можно изменять размер изображения:

  • установить гибкие настройки из двух значений: первое - ширина изображения, второе - высота в пикселях (пример 1 - 500 px) или в % (пример 2 - 15%).

  • указать один из параметров: contain - поместит изображение по высоте секции (пример 3) cover - первоначальный размер изображения (пример 4, исходный размер изображения 1268 х 1343 рх)

Повторение изображения на заднем фоне

По умолчанию отключено. Доступны следующие варианты:

Пример стандартного повторения:

Повторение по оси Х:

Повторение по оси Y:

Закрепить изображение

Включите этот переключатель, чтобы закрепить изображение в одном положении. Тогда при прокручивании страницы оно скроется за следующей секцией:

Цвет фона и Градиент

Цвет фона и Градиент заднего фона секции можно менять. Сделать однотонным цвет или выбрать градиент из возможных предложенных вариантов.

Last updated