Плавающие эффекты
Выйдите за рамки базового плавающего режима "вверх-вниз" Расширение Floating Effects дает вам управление анимацией профессионального уровня для любого элемента. независимо анимируйте положение элемента (Перевести), заставляйте его вращаться по любой трехмерной оси (Поворот X, Y, Z), растягивайте или сквошируйте его (Масштаб X, Y).Создайте логотип, который наклоняется, значок, который пульсирует, или изображение, которое мягко дрейфует и вращается. Все это контролируется простыми числовыми полями и флажками прямо в вашем редакторе Elementor. Никаких плагинов, никакого кода (просто мощная анимация) на ваших кончиках пальцев.
Многонаправленное движение (перевод)
Дайте своим элементам ощущение нежного, плавающего движения. используйте элементы управления Translate, чтобы перемещать их по горизонтали (ось X) или вертикали (ось Y).Установите начальную точку и конечную точку в пикселях, чтобы создать эффект дрейфа вперед-назад или вверх-вниз. идеально подходит для привлечения внимания к ключевым функциям или добавления игривого штриха в ваш дизайн.
- Горизонтальный поплавок: сделайте элемент дрейфом влево вправо (перевести X), как медленно движущееся облако.
- Вертикальный отскок: создайте плавный отскок вверх и вниз (перевод Y) для значков или значков.
- Объединить для сложных путей: используйте X и Y вместе для диагональных или круговых плавающих путей.
Масштабирование, вращение и синхронизация
Выйдите за рамки простого движения вверх и вниз. Заставьте элементы дышать, масштабируя их. Используйте масштаб X и масштаб Y независимо, чтобы растянуть или раздавить ширину и высоту элемента отдельно. Добавьте вращение для медленного, непрерывного вращения. Это позволяет вам создавать все: от мягко пульсирующей кнопки вызова к действию до медленно вращающегося логотипа.
- Эффекты пульсации: используйте шкалу X/Y, чтобы элемент ритмично рос и сжимался, привлекая глаз.
- Независимый контроль: растяните ширину элемента (масштаб X), сохраняя при этом его высоту одинаковой для уникального движения.
- Непрерывное вращение: нанесите вращение для медленного и бесконечного вращения логотипов или декоративных значков.
Часто задаваемые вопросы о плавающих эффектах
Это выглядит сложно. трудно использовать?
Совсем нет! панель может выглядеть детально, потому что она мощная, но вы начинаете просто. просто включите один эффект (как в Translate Y), установите небольшое значение “To” (как 20px), и у вас будет плавающая анимация. другие элементы управления предназначены для тех случаев, когда вы хотите стать более креативными. Вы учитесь по ходу дела.
Могу ли я использовать эти 3D-вращения на мобильных устройствах?
Визуальный эффект сработает, но это не “true” 3D среда Он имитирует 3D-вращение с помощью CSS, который поддерживается во всех современных мобильных браузерах Он будет выглядеть отлично, но для интенсивного 3D вам понадобится другой инструмент Для эффектов наклона и поворота, на которые он рассчитан, он идеально подходит.
Какое хорошее реальное применение для отдельных шкал X и Y?
Представьте себе кнопку “Notify Me”. вы можете использовать масштаб Y, чтобы он быстро сжался (давая тактильную обратную связь), а затем вернулся в нормальное состояние. Или, для музыкального проигрывателя, графический звук звуковой волны может использовать масштаб Y независимо на каждом такте, чтобы заставить его двигаться в ритм.
Повредит ли использование многих из этих эффектов на одной странице производительности?
Если вы переборщите, да — нравится что угодно. применение 10-20 различных сложных анимаций к дюжине элементов может вызвать провал на более медленных устройствах. ключ - тонкость. используйте 1-2 первичных эффекта на раздел. нежный плавающий и небольшой поворот - это все, что вам обычно нужно для профессионального, живого эффекта.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
