Эффекты плавания элементара (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

После включения расширения панель "Плавающие эффекты" находится на вкладке "Дополнительно" каждого виджета.

  1. С активными Master Addons Pro перейдите по адресу Основные дополнения > расширения и включайтесь Плавающие эффекты.
  2. Отредактируйте свою страницу с помощью Elementor и выберите виджет, который хотите переместить, например изображение или значок.
  3. Открыть Продвинутый вкладка, развернуть Плавающие эффекты и установите значение "Да".
  4. Включать Переводить, Вращать или Масштаб и установите значения From и To.
  5. Набор Продолжительность и ЗадержкаЗатем проверьте движение в предварительном просмотре редактора.
  6. Обновить страницу. для более длительного прохождения с изображениями, читайте наш учебник с плавающим эффектом.

Часто задаваемые вопросы о плавающих эффектах

Узнайте о наиболее часто задаваемых пользователями запросах о плавающих эффектах и найдите ответы в одном месте.
Является ли плавающий эффект бесплатным?

Нет. Плавающие эффекты является частью Master Addons Pro. Free Elementor имеет входную анимацию, которая воспроизводится один раз, но не имеет зацикливающегося плавающего устройства.

Нет. панель "Плавающие эффекты" находится только на вкладке "Дополнительно" виджетов. Чтобы разместить группу элементов, примените ее к каждому виджету или объедините их в одно изображение перед добавлением эффекта.

Может ли вращение вращаться повсюду?

Не как непрерывный спин. ротация идет от значения От к значению То и обратно, в пределах -180 до 180 градусов, поэтому лучше всего работает как раскачивание или наклон.

Несколько плавающих виджетов в порядке Движение использует небольшую библиотеку anime.js и только изменяет преобразования CSS, которые браузеры хорошо обрабатывают.Keep его до горстки виджетов на экран, так что страница остается спокойной и работает плавно на более медленных телефонах.

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Container Extras для Elementor: контейнер с максимальной шириной 1400px, с регуляторами максимальной ширины, максимальной высоты, минимальной ширины и минимальной высоты

Дополнительные контейнеры

Главная Элементор Контейнер Максимальная ширина и максимальная высота Контролирует контейнер Дополнительно является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали