Хотите создать фон параллакса в Elementor ?
В веб-дизайне параллакс фона относится к поведению, при котором фон движется медленнее, чем передний план. Элементор (профессиональная версия) поставляется с функцией, которая позволяет вам создавать этот тип фона.
Мы расскажем об этом здесь.
Вы можете столкнуться с небольшой проблемой при добавлении фона параллакса в Elementor автомобиль Elementor конкретно не используется термин «параллакс». Вместо этого, чтобы создать фон параллакса в Elementor, вы можете применить эффект прокрутки к фону, к которому вы хотите создать эффект параллакса. Под фоном мы подразумеваем фон раздела и фон столбца.
Если вы еще не использовали Elementor, проверьте Как установить Elementor на WordPress
Если вы не можете понять, о чем мы говорим, взгляните на следующий пример и обратите внимание на фоновое изображение. Это пример эффекта параллакса.
Мы сказали, что эффект параллакса относится к фону и переднему плану, имеющим разную скорость движения. На самом деле дело обстоит не всегда так. Вместо перемещения веб-дизайнер может применять различные эффекты, такие как размытие, прозрачность или масштабирование. Сам Elementor предлагает 6 различных эффектов:
- Вертикальная прокрутка: Фон перемещается вертикально при прокрутке мыши
- Скроллинг горизонтальный: Фон перемещается горизонтально при прокрутке мыши
- Прозрачность: Фон выглядит прозрачным перед прокруткой мыши
- Размыто: Фон кажется размытым перед прокруткой мыши
- масштаб: Фон появляется в определенном масштабе перед прокруткой мыши
Как применить эффект прокрутки в Elementor
Как мы уже упоминали, вы можете применить фон параллакса либо к разделу, либо к столбцу.
Читайте также: Как использовать Elementor для создания веб-сайтов
Итак, выберите столбец или раздел, где вы хотите применить эффект параллакса. Перейти на вкладку Стиль и откройте раздел фон. Установите тип фона на классический и выберите изображение, которое вы хотите использовать в качестве фона, и включите Эффекты прокрутки.
Установите положение и размер фонового изображения, затем выберите эффект параллакса, который вы хотите применить, щелкнув значок карандаша на одном из доступных параметров эффекта параллакса.
При желании вы можете включить более одного эффекта параллакса.
Вот и все. Вы можете продолжить редактирование страницы или шаблона. После этого вы можете публиковать или обновить его.
Получить Elementor Pro сейчас !!!
Заключение
Здесь ! В этой статье рассказывается, как создать фон параллакса в Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
