Настройка фонового изображения в блоке

У каждого фонового изображения есть настройки. В этой статье мы разберемся для чего они нужны и как работают.

Чтобы применять настройки к фоновому изображению, необходимо его загрузить. Для этого откройте настройки блока и нажмите на кнопку Загрузить

Либо нажмите в правом верхнем углу блока на кнопку Фон раздела

В открывшемся окне выберите вкладку Загруженное и нажмите на кнопку Загрузить

Выберите изображение, которое вы хотели бы загрузить в качестве фонового.

Настройка Положение

Отвечает за положение изображения относительно центра блока. Выберите то, которое подходит вам больше всего.

Настройка Повторение

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

Если выбрано Нет, то изображение растягивается на всю ширину и высоту блока.

Если выбрано Мозаика, то изобрежение повторит само себя столько раз, сколько подребуется, чтобы покрыть всю поверхность блока по вертикали и горизонтали.

Если выбрано По горизонтали, то изображение повторит само себя столько раз, сколько потребуется, чтобы заполнить горизонтальную полосу.

Если выбрано По вертикали, то изображение повторит само себя столько раз, сколько потребуется, чтобы заполнить вертикальную полосу.

Настройка Наложение

Если выбрано Обычное, то загруженное изображение займет ровно тот размер в блоке, какой оно имеет, то есть если у вас изображение 1200 пикселей по ширине, а стандартный размер экрана на котором просматривается сайт 1280, то по краям в блоке будут полосы.

Вариант Обложка Рекомендуется для загрузки фонового изображения! Изображение растягивается на всю ширину экрана, какого бы разрешения он ни был.

При выборе настроки Попадание, изображение подстраивается под высоту блока, место по бокам заполняется фоновым цветом

Настройка Эффект

Позволяет добавить эффект для фонового изображения.

Если вы выберите Закрепление, то при пролистывании сайта вниз или вверх, изображение будет оставаться на месте, а текст двигаться.

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

При выборе настройки Видео, вы можете загрузить видно в качестве фона блока. Для этого нужно вставить в поле ссылку на видео с YouTube или Vimeo и указать с какой по какую секунду нужно его проигрывать.

image

Остались вопросы? Не нашли нужной информации?

Задайте вопрос менеджеру