Статический раздел читается как плоское изображение. Дайте ему нежный, зацикленный дрейф, и тот же элемент почувствует себя живым. The Плавающие эффекты расширение в Мастер-аддоны для Elementor добавляет, что непрерывное движение к любому элементу, без ключевых кадров или пользовательских CSS для записи. это руководство объясняет, что делает расширение, что вы можете анимировать и как его применять.
Что такое расширение плавающих эффектов? #
The Плавающие эффекты расширение - это мастер-аддоны для инструмента движения Elementor, который добавляет непрерывную циклическую анимацию к любому элементу Elementor, разделу, столбцу или виджету. Он оживляет элемент с помощью перевести, вращатьи масштаб трансформируется и позволяет вам управлять продолжительность, задержкаи направление движения. Поскольку эффект основан на CSS, элемент продолжает дрейфовать сам по себе без тяжелой библиотеки анимации JavaScript.
Что можно анимировать #
"Плавающие эффекты" работают с помощью трех типов преобразований, и вы сочетаете их с элементами управления синхронизацией для формирования движения:
- Переводить 2 перемещает элемент вдоль оси X или Y, классический поплавок вверх и вниз или из стороны в сторону.
- Вращать — для легкого раскачивания.
- Масштаб is растет и сжимает элемент для мягкого пульсирующего эффекта.
- Продолжительность, задержка и направление — установить, сколько времени занимает один цикл, прежде чем он начнется, и в какую сторону движется движение, чтобы анимация соответствовала темпу раздела.
Как добавить плавающие эффекты в Elementor #
Плавающие эффекты применяются для каждого элемента из редактора Elementor, как только расширение включено в Главные дополнения Короче говоря: выберите элемент, который вы хотите анимировать, откройте его настройки, включите плавающие эффекты и выберите преобразование с его синхронизацией.
- Убедитесь Мастер-аддоны для Elementor установлен и активен, а расширение Floating Effects включено на панели "Мастер-аддоны".
- В редакторе Elementor выберите раздел, столбец или виджет, который вы хотите анимировать.
- Откройте настройки элемента и найдите Главные Аддоны Плавающие эффекты управление, затем включите эффект.
- Выберите преобразование — — — — up Переводить, Вращатьили Масштаб – и набор продолжительность, задержкаи направление.
- Предварительный просмотр или публикация страницы, чтобы увидеть дрейф элемента на реальном сайте.
Советы по использованию плавающих эффектов #
- Держите движение тонким. Небольшое расстояние перевода и медленная продолжительность чтения как отполированные; большое, быстрое движение выглядит отвлекающим.
- Используйте его на одном или двух элементах на вид. Один плавающий образ или значок героя привлекает внимание; целая страница в движении конкурирует сама с собой.
- Соедините его с движением входа. Объедините плавающие эффекты с Входная анимация расширение, чтобы элемент сначала облегчился, а затем сохранил плавное плавание.
- Проверьте это на мобильном телефоне. Подтвердите, что движение по-прежнему хорошо выглядит на экранах меньшего размера и не перемещает близлежащий контент.
Часто задаваемые вопросы #
Что такое расширение Floating Effects в Master Addons?
Плавающие эффекты - это главные дополнения для расширения движения Элементора, которые добавляют непрерывную, зацикленную анимацию к любому элементу Элементора. Он использует преобразования перевода, вращения и масштабирования и позволяет вам контролировать продолжительность, задержку и направление движения, и все это без записи пользовательских CSS или ключевых кадров.
Какие виды анимации могут создавать плавающие эффекты?
Он поддерживает три типа преобразования: перевод для перемещения элемента вверх и вниз или из стороны в сторону, вращение для мягкого раскачивания вперед и назад и масштабирование для мягкого пульсирующего эффекта. вы можете комбинировать преобразование с настройками времени, чтобы сформировать точное движение, которое вы хотите.
Могу ли я контролировать скорость и направление плавающей анимации?
Да. каждый эффект раскрывает длительность, задержку и управление направлением. продолжительность устанавливает, сколько времени занимает один цикл, задержка устанавливает, сколько времени ждать, прежде чем движение начнется, и направление устанавливает, в какую сторону движется анимация, поэтому вы можете сопоставить плавающий темп раздела.
Работает ли эффект плавания на каком-либо элементе Элементор?
Да. расширение применяется к разделам, столбцам и виджетам Elementor, поэтому вы можете разместить изображение, значок, заголовок, кнопку или целый раздел. Вы включаете его для каждого элемента редактора Elementor после включения расширения на панели "Мастер-аддоны".
Затормозит ли плавающая анимация мой сайт?
Эффект основан на CSS, поэтому он облегчен по сравнению с тяжелыми библиотеками анимации JavaScript. чтобы сохранить страницы гладкими, используйте его только на одном или двух элементах на просмотр и сохраняйте движение тонким, а не анимируйте все на странице одновременно.
