Анимированный градиент BG
Выделите свой сайт за считанные секунды. Выбросьте статические цвета и скучные изображения. расширение Animated Gradient Background позволяет заполнить любой раздел, контейнер или столбец красивыми, плавно меняющимися градиентами. выбирайте цвета, задавайте угол и скорость и смотрите, как фон оживает с нежным, бесконечным потоком. идеально подходит для разделов героев, областей вызова к действию или в качестве современного фона для вашего контента. Нет видеофайлов, нет тяжелого кода, просто легкий, привлекающий внимание движение, которое привлекает внимание и делает ваш дизайн более премиальным.
Живой градиентный строитель с реальными цветами
Начните с простого двухцветного градиента или создайте сложную многоцветную смесь. Используйте средства выбора цвета, чтобы выбрать любой оттенок, и отрегулируйте их положение на ползунке градиента, чтобы контролировать смесь. смотрите, как ваши варианты обновляются в реальном времени. волшебство происходит, когда эти цвета начинают двигаться и перетекать друг в друга, создавая динамичный, живой фон.
- Неограниченные цвета: добавьте столько цветовых остановок, сколько захотите, чтобы создать насыщенные, яркие градиенты.
- Предварительный просмотр в реальном времени: смотрите, как ваш градиент создается в режиме реального времени, когда вы настраиваете цвета и останавливаетесь.
- Профессиональные палитры: легко создавайте градиенты, соответствующие точной цветовой гамме вашего бренда.
Полный контроль над анимацией
Анимация, которая слишком быстра отвлекает, слишком медленна - скучна. вы получаете полный контроль, чтобы она чувствовала себя как надо. установите угол, чтобы изменить направление потока. отрегулируйте общую продолжительность анимации, чтобы она была медленной, спокойной или быстрой и энергичной. выберите "Анимация облегчается" (например, “Smooth”), чтобы движение выглядело естественным, а не роботизированным.
- Управляйте потоком: измените угол (например, 90° для горизонтали, 180° для вертикали), чтобы направить анимацию.
- Установите темп: более длительная продолжительность (например, 10 секунд) создает тонкий и медленный сдвиг. Более короткий (3 секунды) более заметен и энергичен.
- Плавные переходы: используйте опции Easing, чтобы избежать резких скачков цвета, что делает петлю бесшовной.
Часто задаваемые вопросы по анимированному градиенту BG
Это сработает на какой-то части моей страницы?
Да! вы можете применить его практически к любому контейнеру Elementor: полные разделы, отдельные столбцы или даже специальные контейнеры, такие как коробки героев. Просто найдите настройки фона для этого элемента и найдите тип фона “Animated Gradient”.
Могу ли я использовать это на фоновом изображении или видео?
Обычно вы выбираете один тип фона на элемент. Вы не можете наложить анимированный градиент на видео или изображение, используя те же настройки. Но вы можете поместить свое изображение или видео в столбец внутри раздела, который имеет анимированный градиентный фон, создавая многослойный вид.
Сколько цветов я могу использовать в одной анимации?
Технически, сколько вы хотите, нажав “Добавить Color”.Но для самого чистого, наиболее производительного эффекта мы рекомендуем от 2 до 4 цветов. слишком много цветов может сделать анимацию грязной или хаотичной.
Анимация играет постоянно, или я могу заставить ее играть на зависании?
Расширение предназначено для непрерывной, зацикленной анимации, которая воспроизводится автоматически, как только страница загружается. для анимации с управлением наведением, вам, вероятно, придется использовать другой метод или пользовательские CSS. Этот инструмент предназначен для создания постоянно включенного атмосферного фонового эффекта.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
