具有真实颜色的实时渐变构建器
从简单的双色渐变开始或构建复杂的多色混合。使用颜色选择器选择任意色调,并调整它们在渐变滑块上的位置以控制混合。查看您的选择 实时更新。当这些颜色开始移动并相互流入时,就会发生魔法,从而创建动态的活生生的背景。
- 无限颜色:添加任意数量的颜色停止,以创建丰富、充满活力的梯度。
- 实时预览:当您调整颜色并停止时,实时查看梯度构建。
- 专业调色板:轻松创建与您品牌的精确配色方案相匹配的渐变。
对动画的完全控制
动画太快会分散注意力,太慢会无聊,完全控制,让感觉恰到好处 设置角度,改变流动方向 调整总动画时长,让动作缓慢平静或快速有活力 选择动画轻松(如“Smooth”),让动作感觉自然,而不是机器人。
- 控制流量:改变角度(例如,水平方向为 90° ,垂直方向为 180° )来指导动画。
- 设置节奏:较长的持续时间(如 10 秒)会产生微妙、缓慢的转变。较短的一秒(3 秒)更明显、更有活力。
- 平滑过渡:使用宽松选项来避免突然的颜色跳跃,使循环无缝。

模板查看器

背景动画

动画渐变 V1

动画渐变 V2

动画渐变 V3

模板标题

动画渐变 V5
动画渐变 BG 的常见问题
了解用户对动画渐变 BG 的询问最多的查询,并在一个地方找到答案。
这适用于我页面的任何部分吗?
Yes!几乎可以应用到任何Elementor容器:整节、单列,甚至英雄盒子之类的特殊容器,只要找到该元素的背景设置,寻找“动画渐变”背景类型即可。
我可以在背景图像或视频上使用它吗?
通常,每个元素选择一种背景类型。您不能使用相同的设置将动画梯度分层到视频或图像上。但您可以将图像或视频放在具有动画梯度背景的部分内的列中,从而创建分层外观。
一部动画可以使用多少种颜色?
Technically,只要你想点“添加颜色”就多少,但为了最干净、最有表现力的效果,我们推荐2到4种颜色,太多的颜色会让动画看起来泥泞或混乱。
动画是一直在播放,还是我可以让它在悬停播放?
该扩展程序专为连续、循环的动画而设计,一旦页面加载,就会自动播放。对于悬停控制的动画,您可能需要使用不同的方法或 自定义CSS。该工具用于创建始终在线的大气背景效果。






