文章标签

直到 2020 年，混合模式一直是我很少使用的功能，因为我很少知道它们在不尝试的情况下会产生什么结果。而采取“尝试一下看看会发生什么”的方法……

在这篇文章中，我们将使用 CSS 超能力来创建一个视觉效果，其中两个元素重叠并交织在一起。这个设计的灵感来自我短暂的灵性探索，最终来到了圣经项目……

一个星期天早上，我比平时醒得早了一点，这要归咎于我手机的持续嗡嗡声。我伸手去拿，点击了 Facebook Messenger，加入了对话。很快，我的注意力就从……转移到了……

偶然发现了这个帖子

CSS 超级朋友们！你们是否见过如何像这篇关于@css (https://#/2j8p4jmaT4)的文章一样，实现多行填充文本，但渐变不会在每一行重置？pic.twitter.com/MVPdAjxt1W

— Dan Mall (@danmall)

mix-blend-mode 属性定义了元素内容如何与其背景混合。例如，<h1 的文本可以以有趣的方式与其背后的背景混合。

.blend {
  mix-blend-mode: exclusion;
}

在……