如何使用 Divi 创建令人惊叹的高级渐变

Blair Jersyer Divi Tutorials Mar 31, 2022

要创建更复杂的渐变,您可以使用Visual Builder中新的 Advanced Gradient Builder 控件类型。 此控件类型使您可以访问新的渐变选项和多个色标。 这是一个简短而甜蜜的功能,但我们对新 UI 感到非常满意,并认为您会喜欢它!

如何使用新的渐变生成器

Divi 中的渐变过去由简单的控制类型控制。 您可以选择渐变的起始颜色和结束颜色,以及几种渐变类型中的一种。 多个颜色停止、重复渐变、新渐变类型和新渐变位置只是新渐变生成器的一些功能。

使用新控件轻而易举。 要添加新的色标,只需单击渐变滑块。 添加任意数量的颜色,通过拖动动作移动它们,并通过单击调整它们的色调。 还可以右键单击渐变和单个色标来执行“查找和替换”、“扩展样式”、“删除颜色等”等操作。

使用多个色标来创建各种渐变

使用多个色标,您可以创建范围广泛的新渐变。 您可以根据需要添加任意数量的色标,并控制它们在渐变滑块中的位置。 使用多种颜色,it’s 可以轻松创建以前从未有过的美丽、发光的背景。

创建令人惊叹的网站

使用最好的免费页面构建器 Elementor

现在开始

使用重复渐变创建有趣的效果

新渐变生成器的另一个功能是“重复渐变”的能力。 使用重复渐变,您可以通过微调控制渐变滑块中的颜色及其位置来创建一些有趣的效果。 CSS 渐变可以做大量的设计工作。 当您尝试使用新的渐变生成器时,您的想象力将会飙升。

结合渐变、蒙版和图案来构建新设计

随着 Divi 最近的更新,现在可以通过多种方式自定义您网站的背景。 您可以使用渐变、图像、蒙版和图案创建一些令人惊叹的布局。 在模块、列、行和部分上使用渐变可以创建分层效果。 Divi 的背景选项有很多有趣的相互作用,因为它们相互叠加的方式。 您可以通过在背景图像顶部和背景图案和蒙版下方放置渐变来了解新的渐变构建器如何焕发新的活力。

渐变包可供下载。

寻找一种简单的方法来为您的网站添加一些令人惊叹的渐变? 别再犹豫了! 我们的渐变构建器演示中的渐变都包含在这个免费的渐变包中。 这些渐变很容易复制和粘贴,可以应用于任何元素!

下载布局

Divi 的高级渐变生成器现已推出

立即更新 Divi ,让我们知道您对新渐变生成器的看法。 请务必关注并订阅我们的博客,这样您就不会错过我们未来发布的任何 Divi 新功能。 在对您的网站进行任何更改之前,我总是会花时间详细介绍每个功能。 Divi 用户绝对应该查看这些视频和文章。

Divi WordPress Theme