引入背景面具


背景蒙版使用正面和负面空间来框背景和创建新的形状。背景遮罩被放置你的背景元素和下面你的内容。它们通过设置背景颜色、渐变、图像和视频;只让那些元素透过遮罩闪耀出新的形状。通过允许你以全新的方式使用背景,这为Divi增加了相当多的实用价值。欧宝体育app您可以将背景转换为可以与周围内容交互的独特形状。蒙版是使用svg构建的,所以它们是超级脆的,轻量级的,并将自动符合您的元素的大小。

从23个独特的面具中选择

欧宝体育appDivi有各种各样精彩的面具可供选择。蒙版也可以翻转、旋转和倒置来创造不同的变化。只需点击几下,你就可以把一个死板的设计变成一些真正有趣的东西!背景蒙版可以应用于任何元素,包括模块、列、行和节。

翻转,旋转,反转,改变方向,调整大小和更多!

你不仅可以从21个独特的面具中选择,而且每个面具还可以定制出不同的变化。通过翻转、旋转和反转蒙版,您可以以一种对位于背景顶部的内容有意义的方式来框定背景。你也可以选择不同的方向(人像,风景和广场),以更好地适应每个元素。最后,当您需要微调控制时,还有宽度、高度和对齐选项。

除了调整蒙版的形状,您还可以调整它们的颜色和混合模式。你可以使用混合模式来让背景和蒙版混合在一起,从而创造出一些有趣的新效果,而不是完全遮蔽你的背景。

引入背景模式


背景蒙版可以与背景图案结合使用。模式坐在背景颜色,渐变和图像,还有下面你的面具。模式覆盖您的背景元素,并可用于添加纹理到您的页面。使用背景渐变、图案和蒙版,你通常可以完全放弃使用背景图像,从而产生更快、更高分辨率的背景,可以在Divi内部从头构建。欧宝体育app这两种新的选择真的开启了一个全新的可能性领域。

选择24个独特的图案

欧宝体育appDivi有24种不同的模式可供选择。图案可以翻转、旋转和倒置来创造额外的变化。还可以调整图案的颜色和混合模式。每种混合模式都会以不同的方式影响背景颜色、渐变和图像。

结合图像,梯度,模式和蒙版!


欧宝体育appDivi现在提供了一系列令人印象深刻的背景选项,包括颜色、渐变、图像、视频、蒙版和图案。所有这些选项都可以相互叠加,并以不同的方式组合起来,从而创造出新的设计类型。你也可以选择一些不同的混合模块,调整颜色,改变大小等等。你会有很多乐趣玩这些选项和发现新的和创造性的设计技术!


查看更多蒙版和模式演示

欧宝体育appDivi的背景面具和图案今天是可用的!


背景蒙版和背景图案今天就可以使用,所以更新Divi,并在评论中让我们知道你的想法。欧宝体育app请继续关注更多即将到来的Divi功能,不要忘记关注和欧宝体育app订阅,以便您能够第一个知道我们的下一个Divi功能何时发布。我总是会详细研究每个功能,这是一个很好的方法,让你在更新你的网站之前跟上速度。如果你在Divi上运行你的网站,这些是你真的不想错过的视频和帖子。欧宝体育app

欧宝体育app红利页面构建器

看看这些相关的帖子

81条评论

  1. 哦,DIVI主题的一个很好的更新。欧宝体育app

  2. 你们似乎会读心术。昨天我们还在讨论在一个网站的背景中添加一些模式,我将马上测试这个新功能。

  3. 太棒了!那些面具的反应如何?我们可以在表格和移动版本中编辑大小吗?

    • 是的,你可以定制你的蒙版悬停,粘性和每个响应断点。

  4. 毫无疑问,这将改变游戏规则!我很好奇还有哪些更新正在进行中。有没有计划发布灵活的、可嵌套的列?如何扩展动态数据字段?

  5. 了不起的新功能和添加到Divi。欧宝体育appSVG对于降低页面速度和膨胀非常有效,干得好!

  6. 哇!这是一个很酷的更新。问题是,让人们上传自己的图案和面具有多容易?我认为这将是非常酷的定制一个网站,甚至更进一步。我也会有兴趣进口自定义分隔器以及。欧宝体育app你对此有什么看法?谢谢你,肖恩·奥康纳。

    • 我同意Shawn的观点,我很想上传我自己的面具。这有可能发生吗?

      • 我同意!

    • 模式和掩码是SVG格式的。添加一个上传自定义模式和蒙版的功能将是一个很好的附加功能,但出于安全原因,WordPress仍然不允许开箱即用地上传SVG文件。如果该特性可用,使用Divi的网站将很容易受到威胁,因为并非所有的网站都不知道如何清除SVG并了解安全问题欧宝体育app。

    • 调派肖恩的运动!我喜欢这种真正的可定制性,我相信很多人也会喜欢。

  7. 我爱它!非常感谢!!

  8. 美丽的面具!期待在我的自定义网页设计项目中使用这个新的Divi功能。欧宝体育app

  9. 我只能说“干得好!”欧宝体育app红利!Nick,“面具和图案”的这个最新功能真的是我需要增强我的一些网站!我很高兴我是Divi成员和用户!欧宝体育app

  10. 你好尼克,
    Woow !这是一个杀手锏。
    谢谢你的更新。

  11. 对我们来说更有趣。由于股息的团队欧宝体育app。

  12. 就在那里,绝对是一个游戏规则改变者!我刚刚重新爱上了网页开发!

  13. 哇!这看起来太棒了!等不及尝试所有的新选择!

  14. 欧宝体育appDivi真的成为了一个全能的工具。我们在这里只有不到一年的时间,你们改进了这么多新的布局、设计和核心功能,真是太疯狂了。而且以令人难以置信的速度。我不知道你们是怎么做到保持价格不变的,但是谢谢。

    您应该考虑创建自己的CMS。
    胡安

    • 胡安,你的想法很有趣。我不确定我是什么感觉。你说的是专利CMS?

  15. 我们可以上传自定义蒙版和图案吗?(一个品牌可能会有一些图案或面具形状作为他们设计风格的一部分。)

  16. 背景蒙版和图案似乎是Divi的一个伟大的新功能。欧宝体育app我将很快测试它。尼克是否可以创建自己的背景蒙版和/或模式?

  17. 宁愿Flexboc

  18. 我也使用WordPress,各种各样的主题建设者,包括Divi。欧宝体育app

  19. 看起来不错。有没有办法上传安装你自己的svg ?我已经使用了svg模式,可以从各个网站获得,并把它们作为自定义css模块和部分的背景。

  20. “调整大小”选项中的背景对齐消失了,并将其对齐到中心

    • 我们也遇到过同样的问题,优雅主题的团队很快就解决了这个问题,只需要更新欧宝体育app客户端到新版本。非常感谢你们优雅的主题欧宝体育app客户端

    • 我们也遇到过同样的问题,优雅主题的团队很快就解决了这个问题,只需要更新欧宝体育app客户端到新版本。非常感谢你们优雅的主题欧宝体育app客户端

  21. 这很酷。我们可以上传自己的背景蒙版吗?

    • WordPress默认不允许上传svg,因为它们可能包含恶意软件。对于那些想要覆盖默认的WordPress行为并承担风险的人,我们可以允许SVG上传,但值得注意的是,这并不像上传单个SVG那么简单。为了配合翻转/旋转/反转/方向选项,每个蒙版需要16种不同的SVG变体。尽管如此,对于那些想要付出努力的人来说,这将是很酷的,我们可能会在未来考虑它。

      • 你说的关于安全的事是真的。同样的,能够上传许多其他svg选项将是非常棒的。我一直在尝试通过css后台做这个:url(" ");模式的许多库中的选项。它确实覆盖您设置的任何图像,因此似乎可以在该级别上工作,而且特别适用于模式。正如你提到的,遮罩更加复杂。希望Divi团队能想出一些聪欧宝体育app明的办法。

  22. 这些是可用的矢量,我们可以使用在我们的模型?

  23. 这看起来很酷。这无疑使它更容易创建很酷的模式部分。知道它会如何影响页面加载速度吗?

  24. 很好!但是什么时候额外的主题会更新与Divi的一切?欧宝体育app它严重落后。

  25. 非常酷,实用的功能。如果我还有这个网站,我可能会用这些。

  26. 这是疯了!只是把它提升到了一个全新的层次。谢谢你一直以来为黛薇所做的一切。欧宝体育app

  27. 这是一个很棒的新插件功能,可以增加页面布局的趣味性。伟大的工作和伟大的工作,所有在优雅的主题。欧宝体育app客户端干得好,谢谢

  28. 很棒的更新,谢谢!
    但现在背景职位的选择在哪里?
    我们有多个网站都在使用这个选项,所以请不要告诉我们现在必须编辑它们。
    希望这将在下次更新。
    如果没有,请通知我们,以便我们采取措施手动纠正。

    此外,如果你给我们选择上传我们自己的纹理在未来的更新将是惊人的。
    几乎我们所有想要背景纹理的客户,也想要个性化的纹理。

    • 我们修复了背景图像位置选项在某些情况下被隐藏的问题。很抱歉!

  29. 太酷了。等不及要玩了。

  30. 很棒的更新!由于股息团队欧宝体育app

  31. 这是一个非常酷的功能!我一直使用图像模式,现在我可以组合了!这太棒了!我真的很爱黛薇!欧宝体育app

  32. 看起来很好。但不可能使它工作…我尝试和清除所有缓存+静态CSS在构建器选项。我可以在构建页面和部分时看到选项,但我选择的任何人都不会造成任何差异=既没有蒙版也没有模式。任何想法?

    • 听起来好像您在前端访问页面时正在查看页面的缓存版本。

  33. 嗨,尼克,

    这是一个美丽的选择,仍然丰富了Divi。欧宝体育app

    你能把这个页面的布局做成可下载的吗?
    https://elegantthemesexamples.com/background-masks/

    我还建议创建一个库只是主题建设者在三个部分:头,正文和页脚?
    那将是一个非常节省时间的选择。

    谢谢提前

    • 我们有一个大的更新的Divi库,将真正帮助你组织布局这些不同的用例。欧宝体育app请继续关注!

      • 对啦!
        谢谢ET团队!

  34. 很酷的东西,我喜欢新的图案和它们看起来的样子!有没有可能上传自定义蒙版/图案?

  35. 哇,这看起来太酷了!迫不及待地想用它创建一些很酷的登陆页面!

  36. 这是一个美丽的更新!但如果能选择自己的svg蒙版就太棒了!

  37. 0评论?

  38. 如果我们能上传自己的图案和面具就太好了。请在您的路线图中包括这个功能。再接再厉!

  39. 我对此进行了测试,如果你在高级窗格中通过css添加一个额外的svg层,你可以得到一些有趣的结果。我们在新用户界面中有一些有限的选项,所以就像我之前说的,能够添加自己的定制svg会很有用。网上有很多免费的模式。

  40. 我喜欢这个更新!感谢ET的辛勤工作。坚持下去!

  41. OMG ! !最后! !
    这将使设计网站更有趣!:))

  42. 添加我们自己的面具和图案怎么样?有办法做到吗?例如,如果我想将我的logo用于品牌的遮罩?

  43. 这些看起来惊人的! !

    是否有可能上传你自己的形状和模式作为svg或这是未来的更新?

    感谢您不断更新精彩的主题

    • 恐怕不行。WordPress不允许用户上传svg,因为它们可能包含恶意软件。现在,我们将这一功能限制在我们自己的掩码和模式集上,它们都是为了与功能集兼容而构建的(翻转、旋转、反转、改变方向等)。这就要求每个蒙版/图案带有12种不同的变体。

  44. 你们总是能让我大吃一惊。再接再厉!

  45. 嗨,尼克!很棒的更新,我期待这个很久了,谢谢。但我得承认我有点失望。这将是伟大的,如果你考虑添加一个选项,以上传我们自己的模式和蒙版在PNG或SVG。23或24个图案/面具,这是一个很好的开始,但它有点有限。你们能在下次更新时考虑这个选项吗?那将是惊人的!谢谢

    • 嗨,乔治,

      WordPress不允许用户上传svg,因为它们可能包含恶意软件。然而,如果网站所有者改变了默认的WordPress安全措施,我们可能会允许上传基于PNG的模式和SVG模式。谢谢你的建议。

      • 嗨,尼克!谢谢你的回复。
        我一直在我的WordPress网站上使用SVG,这是我自己的网站,不受恶意软件的影响。但是,无论如何,PNG上传将是惊人的!
        一天比一天更爱欧宝体育app黛薇

    • 很好的建议。我想看到的选项上传您自己的SVG分隔形状以及。欧宝体育app对于那些将使用这个特性的人来说,在wordpress中启用SVG不是问题。

  46. 我真的很喜欢这些新的更新,这是惊人的,并希望在未来有更多的新功能。
    爱❤️红利欧宝体育app

  47. 不错的更新,在不远的将来可能会有重播

  48. 它´s太棒了!我将立即尝试;)
    谢谢!

  49. 真的太棒了,我一直在寻找很棒的背景图片,这个功能的蒙版和图案在Divi来的正是时候!欧宝体育app欧宝体育appDivi让我作为一个网页设计师的工作变得更加容易,最重要的是我的客户对我能为他们创造的东西印象深刻。

  50. 我是唯一一个对更新感到失望的人吗?

    最新的divi更新政策欧宝体育app总体上似乎遇到了困难。2021年只有4次产品更新。最后一次是4个月前,现在我们得到了这个。如果继续这样下去,今年将会有3个。并不多。

    我认为面具很好,尽管我个人不喜欢其中的20个。然而,模式是一个很好的特性,我可以想到一些项目来使用它。

    但是由于缺少这么多的基本功能和模块,我不明白这些新的“高级”特性的意义。我更喜欢最基本的东西。Breadcrumbs, data table, social sharing, custom column or row in row, row stacking order (for mobile), regular font weight, order and sorting options, local谷歌字体,pop up, global heading settings(参见responsive helper)或roadmap。举几个例子。这对我们和迪薇的合作会有很大帮助。欧宝体育app

    • 支持!真的是无法加载我们自己定制的面具吗?

  51. 我已经是一个成员(只是最近),但似乎没有办法让我下载这些。我错过了什么?我登录了我的账户,但没有看到可以下载的按钮。我已经是终身会员了。我现在还在做我的新网站来取代我的旧网站。让我知道我该如何利用这笔交易。因为我不知道如果我什么都得不到"终身访问"意味着什么。谢谢你!

    • 嗨,安妮,

      我不是外星人团队的成员,只是另一个客户

      终身访问意味着你可以获得更新(新功能,漏洞修复,安全更新等)和永久支持,这是非常棒的!

      这些和其他主题版本只是功能更新,一旦你从WP上更新你的Divi,你就会安装它,没有额外的下载。欧宝体育app

  52. 我的观点是,Divi过分强调了养欧宝体育app眼的设计选项——大多数网站建设者都忽略了这些选项,其中大多数都可以通过定制的CSS轻松实现——而某些领域的核心功能仍然缺乏。欧宝体育appDivi拥有惊人的整体功能,最近的页面加载性能更新是一个巨大的提升。Divi仍然薄弱的一个重要领域是基本的博客:新闻或欧宝体育app媒体网站类别,这是Extra主题想要解决的问题。问题是" Extra "死在了藤蔓上。其独特的模块和功能不与Divi Builder集成。欧宝体育app你要么在帖子或页面上使用Div欧宝体育appi模块,要么使用Extra模块,Extra框架已经过时了。添加旋转木马和标签张贴模块的Divi Builder仍然是我自己的最高要求。欧宝体育app

  53. 可爱的更新!你知道是否可以在图像上使用面具吗?

  54. 我喜欢这个更新

  55. 嘿,强大的功能!我做了一些测试,但我选择的蒙版和模式应用于所有部分,而不仅仅是我定义的部分。我该怎么解决这个问题呢?把迈克尔

今日加入下载