В контексте веб-дизайна параллакс фона относится к поведению, при котором фон движется медленнее, чем передний план. Elementor (профессиональная версия) поставляется с функцией, позволяющей добавлять такой фон.

Мы расскажем об этом здесь.

У вас могут возникнуть небольшие проблемы с добавлением фона параллакса в Elementor автомобиль Elementor термин «параллакс» конкретно не используется. Вместо этого, чтобы добавить фон параллакса в Elementor, вы можете применить эффект прокрутки к фону, к которому хотите добавить эффект параллакса. Под фоном мы подразумеваем фон раздела или фон столбца.

Если вы новичок в параллаксе, взгляните на следующий пример и обратите внимание на фоновое изображение. Это пример эффекта параллакса.

Мы сказали, что эффект параллакса относится к фону и переднему плану, имеющим разную скорость движения. По фактам дело обстоит не всегда так. Вместо движения веб-дизайнер может применять различные эффекты, такие как размытие, прозрачность или масштабирование. Сам Elementor предлагает 6 различных эффектов:

  • Вертикальная прокрутка: Фон перемещается вертикально при прокрутке мыши
  • Горизонтальная прокрутка: Фон перемещается горизонтально при прокрутке мыши
  • Прозрачность: Фон выглядит прозрачным перед прокруткой мыши
  • Размыто: Фон кажется размытым перед прокруткой мыши
  • Вращение: Фон вращается при прокрутке мыши
  • Лестница : Фон появляется в определенном масштабе перед прокруткой мыши

Как применить эффект прокрутки в Elementor

Как мы уже упоминали, вы можете применить фон параллакса либо к разделу, либо к столбцу. Поэтому выберите столбец или раздел, к которому вы хотите применить эффект параллакса.

Перейти на вкладку Стиль и откройте блок Задний план. Установите тип фона на классический и выберите изображение, которое вы хотите использовать в качестве фона и включите опцию «Эффекты прокрутки».

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

Вы можете включить несколько эффектов параллакса, если хотите.

Вот. Вы можете продолжить редактирование страницы или шаблона. После этого вы можете публиковать или обновить его.