使用Elementor为网页制作不规则背景

在网页设计中,不规则背景是经常会用到的表现形式之一,添加简单的效果就能够让原本平淡的背景变得有个性,让网页更有设计感,许多流行的网站都会采用这种布局形式

比如下面的斜切背景,把原本占满屏幕的图片留白一部分,显得网页空间要轻松很多

1589198988-6c6b36705819218

 

下面的曲线波浪特效,是不是非常适合这张图片1589198990-1d6d802e4bf7644

 

在以前,如果想要实现这些特效并不是一件简单的事情,很多时候网页制作人员会更直接的将图片直接截取下来使用,这是最简单和普遍的方法,不过这样会造成一个问题就是想要修改什么东西会非常麻烦

但是如果使用Elementor编辑器,你将不会再有这个问题,因为它将这个功能添加到了自己的背景设置中,今天我们就教大家如何使用Elementor制作不规则的网页背景

首先,我们添加一个Section(段),并编辑 样式 – 背景 ,为其设置一个背景图像

1589198991-b0257ce61f5c71f

然后选择 样式 – 形状分隔线,有一个类型的下拉框,点击会有更多的选项,根据自己的需要进行选择

1589198992-5c5ba164cb93965

比如这里我设置斜切效果,类型选择倾斜,然后调整高度、是否翻转等,如果下面的Section(段)是其他颜色,还要调整空白处的颜色

这里面还有10几种其他不同的形状可选,比如下面的三角形背景1589198994-417688cd1e09d9d添加波浪形状背景

1589198995-f6919c25c44a790

还可以顶部和底部同时添加特效

1589198997-b8b87d3b72c7346

还有很多非常漂亮的效果,这里就不再一一列举了

总之,使用Elementor为网页设置不规则背景非常简单,对于开发者,你不需要懂太多的设计,就能制作出很有美感的网页背景;对于设计师,你也不需要代码,也能自己制作网页,甚至比作图还要简单

免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流,可进群讨论!
2. 如有无法查看或链接失效,烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 欢迎大家帮助本站出力,赞助费用仅维持本站的日常运营所需!故不接受任何形式的退款。
5. 搜5G网无法保证文章教程或资源的完善与安全,请自行检测解决。
6. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。
本站资源素材仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。本作品采用BY-NC-SA 4.0 《国际知识共享署名许可协议4.0》 进行许可 。
本站所有图片素材均享自由版权下创作共用CC0协议。
搜5G资源网,5G资源网 » 使用Elementor为网页制作不规则背景

发表评论

搜5G网永久会员限时优惠中,不限下载,免费更新

立即查看 了解详情