Эффекты плавания элементара (Pro): переводите, вращайте и масштабируйте движение
Плавающие эффекты является расширение Master Addons Pro, которое дает любому виджету Elementor движение зацикливания Включите Перевести, Повернуть или Масштабировать, установить значение От и a To, и виджет перемещается между ними и обратно снова, пока страница открыта, Он подходит плавающие изображения героев, дрейфующие значки и пульсирующие значки, без ключевых кадров для записи.
Перевести: Поплавать вверх, вниз или боком
Перевести X и Перевести Y каждый принимает значение From и a To между -100 и 100 px. виджет перемещается от первого значения ко второму и обратно, с плавным вводом и выводом. по умолчанию - от 0 до 5 px, очень маленький дрейф.
- Вертикальный поплавок: Перевести Y от 0 до 15 px дает значку или значку нежный боб.
- Боковой дрейф: Translate X медленно перемещает виджет влево и вправо.
- Обе оси: X и Y вместе перемещают виджет по диагональной линии, поскольку у них одинаковое время.
Вращение, масштабирование и время
Вращать имеет ползунки X, Y и Z от -180 до 180 градусов, и Масштаб имеет X и Y от 0 до 5, с 1 до 1.2 по умолчанию. как и в переводе, оба качаются от От до До и обратно, поэтому вращение - это скорее качание, чем полный спин. Каждое преобразование имеет a Продолжительность до 10 000 мс (1000 при пустом) и а Задержка до 5000 мс.
- Пульс: Масштаб X и Y от 1 до 1,05 заставляет кнопку расти и слегка сжиматься.
- Колебаться: Поверните Z от -5 до 5 градусов, чтобы подобрать висящую бирку или значок.
- Одна временная шкала: комбинированные преобразования имеют один общий тайминг. Сначала используются продолжительность и задержка перевода, затем поворот, затем масштаб.
Эффекты движения элементара против плавающих эффектов главных аддонов
Элементор имеет два вида движения (отмечено на Элементоре 4.2.4 с Pro).Входная анимация, в свободном Элементоре, играет один раз, когда появляется виджет.Эффекты движения, в Элементоре Про, перемещают виджет, когда посетитель прокручивает или перемещает мышь Ни один из циклов сам по себе, и это пробел, который заполняют Плавающие Эффекты.
| Особенность | Анимация входа в Элементор | Эффекты движения Elementor Pro | Мастер-аддоны Плавающие эффекты |
|---|---|---|---|
| Цена | Бесплатно | Элементор Про | Мастер Аддоны Про |
| Что начинает | Виджет появляется один раз | Прокрутка страницы или движение мыши | Ничего, он зацикливается сам по себе |
| Движение | Предустановка тускнеет, скользит, масштабируется и отскакивает | Вертикальная и горизонтальная прокрутка, прозрачность, размытие, поворот, масштабирование, дорожка мыши, 3D-наклон | Переведите X и Y, поверните X, Y и Z, масштаб X и Y |
| Ваши ценности | Продолжительность и задержка | Скорость, направление и диапазон видовых портов | От и К значениям, длительности и задержки |
| Работает на | Виджеты и контейнеры | Виджеты и контейнеры | Только виджеты |
Если вы хотите, чтобы движение было связано с прокруткой или курсором, Elementor Pro Motion Effects лучше подходит. Floating Effects предназначен для мягкого движения, которое продолжается без какого-либо участия посетителей.
Другие расширения движения в Pro: Преобразует, Входная анимация и Раскрывать.
Как добавить плавающие эффекты в Elementor
После включения расширения панель "Плавающие эффекты" находится на вкладке "Дополнительно" каждого виджета.
- С активными Master Addons Pro перейдите по адресу Основные дополнения > расширения и включайтесь Плавающие эффекты.
- Отредактируйте свою страницу с помощью Elementor и выберите виджет, который хотите переместить, например изображение или значок.
- Открыть Продвинутый вкладка, развернуть Плавающие эффекты и установите значение "Да".
- Включать Переводить, Вращать или Масштаб и установите значения From и To.
- Набор Продолжительность и ЗадержкаЗатем проверьте движение в предварительном просмотре редактора.
- Обновить страницу. для более длительного прохождения с изображениями, читайте наш учебник с плавающим эффектом.
Часто задаваемые вопросы о плавающих эффектах
Является ли плавающий эффект бесплатным?
Нет. Плавающие эффекты является частью Master Addons Pro. Free Elementor имеет входную анимацию, которая воспроизводится один раз, но не имеет зацикливающегося плавающего устройства.
Могу ли я использовать его на секциях или контейнерах?
Нет. панель "Плавающие эффекты" находится только на вкладке "Дополнительно" виджетов. Чтобы разместить группу элементов, примените ее к каждому виджету или объедините их в одно изображение перед добавлением эффекта.
Может ли вращение вращаться повсюду?
Не как непрерывный спин. ротация идет от значения От к значению То и обратно, в пределах -180 до 180 градусов, поэтому лучше всего работает как раскачивание или наклон.
Повредит ли использование многих из этих эффектов на одной странице производительности?
Несколько плавающих виджетов в порядке Движение использует небольшую библиотеку anime.js и только изменяет преобразования CSS, которые браузеры хорошо обрабатывают.Keep его до горстки виджетов на экран, так что страница остается спокойной и работает плавно на более медленных телефонах.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
