两种或多种颜色,一种移动梯度
在中添加颜色 颜色 list,一行一色,扩展至少需要两个,它将它们均匀地间隔在一个线性梯度上,并在末尾重复第一个颜色,因此循环没有硬边,没有设置颜色停止位置或径向梯度,编辑器预览更新时选择颜色。
- 颜色列表: 添加、复制或删除行。通常两到四种颜色读数最好。
- 透明颜色: 梯度位于部分正常背景上方自己的层上,因此透明的颜色可以让背景图像显示出来。
- 它在哪里有效: "样式"选项卡中的容器、部分和列。小部件无法获得面板。
角度、持续时间和缓解
角度 45度设置梯度方向为180度,默认-45。 总动画持续时间(秒) 1到20运行,默认到6,是梯度漂移穿越和返回所花费的时间。 动画效果 设置宽松度:线性、宽松、宽松、宽松、宽松或三条平滑曲线之一,默认使用材料设计(平滑)。
- 缓慢而微妙: 12到20秒在英雄文本后面效果很好。
- 始终开启: 当页面加载时循环开始,并且没有悬停或滚动触发器。
- 过渡平滑度: 该滑块在面板中显示,但在当前版本中不会更改动画。
元素梯度背景与动画梯度 BG
Elementor的免费背景设置有渐变类型(在Elementor 4.2。4上勾选),但是渐变不动,你可以通过自己编写CSS关键帧来动画化,或者使用扩展。
如何在 Elementor 中添加动画梯度背景
扩展名打开后,面板将出现在每个容器、部分和列的"样式"选项卡中。以下是详细信息 动画梯度背景文档.
- 主 Addons Pro 处于活动状态,请转到 主插件 > 扩展 并打开 动画渐变 BG.
- Elementor 编辑您的页面, 然后选择一个容器、部分或列。
- 打开 风格 选项卡并展开 动画梯度背景.
- 套 启用动画梯度 到是。出现三种样品颜色。
- 改变颜色 颜色 列出,然后设置 角度, 总动画持续时间(秒) 並 动画效果.
- 更新页面并检查您的文本是否适合每种颜色。
动画渐变 BG 的常见问题
了解用户对动画渐变 BG 的询问最多的查询,并在一个地方找到答案。
动画渐变 BG 是免费的吗?
No。是Master Addons Pro的一部分,Elementor的免费渐变背景是静态的,所以移动的渐变需要这个扩展或者你自己的CSS。
我可以在背景图像上使用它吗?
是的。渐变是在部分正常背景上方自己的层上绘制的。在颜色选择器中选择具有一定透明度且背景图像显示的颜色。
一部动画可以使用多少种颜色?
Zui少两个,后面加多少个,颜色间隔均匀,所以通常二到四Ge给出最干净的结果。
动画是一直在播放,还是我可以让它在悬停播放?
它一直播放。当页面加载时循环开始,没有悬停或滚动触发器。对于仅悬停效果,您需要自己的 CSS,例如使用 自定义CSS 扩展。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
