Статический раздел читается как плоское изображение. Дайте ему нежный, зацикленный дрейф, и тот же элемент почувствует себя живым. The Расширение плавающих эффектов в Мастер Аддоны Про добавляет это непрерывное движение к любому виджету Elementor, без ключевых кадров или пользовательских CSS для записи. Это руководство объясняет, что делает расширение, что вы можете анимировать и как его применять.
Что такое расширение плавающих эффектов? #
The Плавающие эффекты расширение - это инструмент движения Master Addons Pro, который добавляет непрерывную циклическую анимацию в виджеты Elementor. Он перемещает виджет между значением From и A To перевести, вращать и масштаб преобразуется, затем снова, и каждое преобразование имеет Продолжительность и Задержка поля. движение выполняется на небольшой библиотеке anime.js с плавной в-out легкость Разделы, столбцы и контейнеры не получают панель.
Что можно анимировать #
"Плавающие эффекты" работают с помощью трех типов преобразований, и вы сочетаете их с элементами управления синхронизацией для формирования движения:
- Перевести: Переведите X и переведите Y, каждый со значением от и до от -100 до 100 пикселей, для классической платформы вверх и вниз или из стороны в сторону.
- Поворот: Поверните X, Y и Z между -180 и 180 градусами, поворачивая виджет вперед и назад для раскачивания.
- Масштаб: Масштаб X и Масштаб Y от 0 до 5, увеличивая и уменьшая виджет для мягкого импульса.
- Продолжительность и задержка: Продолжительность доходит до 10000 мс (1000, если оставить пустым) и Задержка до 5000 мс. При включении более одного преобразования они используют одну временную шкалу, используя сначала время Перевести, затем Повернуть, затем Шкалу.
Как добавить плавающие эффекты в Elementor #
Плавающие эффекты применяются для каждого виджета из редактора Elementor, как только расширение включено в Главные дополнения Короче: выберите элемент, который вы хотите анимировать, откройте его настройки, включите плавающие эффекты и выберите преобразование с его синхронизацией.
- Убедитесь Мастер Аддоны Про установлен и активен, а расширение Floating Effects включено на панели "Мастер-аддоны".
- В редакторе Elementor выберите виджет, который хотите анимировать.
- Откройте настройки элемента и найдите Главные Аддоны Плавающие эффекты управление, затем включите эффект.
- Включать Переводить, Вращать или Масштабустановите значения From и To, затем Продолжительность и Задержка.
- Предварительный просмотр или публикация страницы, чтобы увидеть дрейф элемента на реальном сайте.
Советы по использованию плавающих эффектов #
- Держите движение тонким. Небольшое расстояние перевода и медленная продолжительность чтения как отполированные; большое, быстрое движение выглядит отвлекающим.
- Используйте его на одном или двух элементах на вид. Один плавающий образ или значок героя привлекает внимание; целая страница в движении конкурирует сама с собой.
- Соедините его с движением входа. Объедините плавающие эффекты с Входная анимация расширение, чтобы элемент сначала облегчился, а затем сохранил плавное плавание.
- Проверьте это на мобильном телефоне. Подтвердите, что движение по-прежнему хорошо выглядит на экранах меньшего размера и не перемещает близлежащий контент.
Часто задаваемые вопросы #
Что такое расширение Floating Effects в Master Addons?
Плавающие эффекты - это расширение Master Addons Pro, которое добавляет непрерывную, зацикленную анимацию к виджетам Elementor. Он перемещает виджет вперед и назад между значениями From и To с преобразованиями перевода, поворота и масштабирования, с настройками продолжительности и задержки и без пользовательских CSS или ключевых кадров.
Какие виды анимации могут создавать плавающие эффекты?
Он поддерживает три типа преобразования: перевод для перемещения элемента вверх и вниз или из стороны в сторону, вращение для мягкого раскачивания вперед и назад и масштабирование для мягкого пульсирующего эффекта. вы можете комбинировать преобразование с настройками времени, чтобы сформировать точное движение, которое вы хотите.
Могу ли я контролировать скорость и направление плавающей анимации?
Скорость, да. каждое преобразование имеет поля Длительность и Задержка, но объединенные преобразования совместно используют одну временную шкалу, используя Сначала Перевести, затем Повернуть, затем Масштабировать. Настройки направления нет: движение всегда воспроизводится от значения От значения к значению To и обратно.
Работает ли эффект плавания на каком-либо элементе Элементор?
Работает только на виджетах, таких как изображение, значок, заголовок или кнопка Разделы, столбцы и контейнеры не получают панель "Плавающие эффекты", поэтому, чтобы разместить группу элементов, добавьте эффект в каждый виджет.
Затормозит ли плавающая анимация мой сайт?
Движение проходит через небольшую библиотеку anime.js и только оживляет преобразования CSS, которые браузеры хорошо обрабатывают, Чтобы сохранить страницы гладкими, используйте его только на одном или двух элементах на вид и держать движение тонким, а не анимация всего на странице сразу.
Является ли плавающий эффект бесплатным?
Нет. Плавающие эффекты является частью Master Addons Pro. Free Elementor имеет входную анимацию, которая воспроизводится один раз, но не имеет зацикливающегося плавающего устройства.
