c

控制堆叠的元素颜色如何与新的混合模式混合

现在你可以控制堆叠的元素颜色如何混合在一起,预览变化与新的混合模式在样式面板-这带来mix-blend-mode CSS属性Webflow。

混合模式控制一个元素的内容如何与元素的父元素和元素的背景内容混合,这为您提供了一组有趣的新选项,当您构建重叠的布局时。如果你熟悉Photoshop,这个新效果就像混合模式一样——想象一下吧!

新的混合控件在样式面板的效果部分。
新的混合控件在样式面板的效果部分。

混合-混合模式在Webflow中被称为“混合”,可以在效果部分的样式面板中找到(参见上图的视觉指导)。当您将鼠标悬停在混合下拉菜单中的不同选项上时,您将看到画布上的实时预览,显示所选元素将如何受到影响。实时预览将帮助您快速找到您首选的混合模式,而不必通过点击每个选项。

在工作时预览不同的混合选项如何影响所选元素。
在工作时预览不同的混合选项如何影响所选元素。


控制堆叠的元素颜色如何混合在一起,并在样式面板中使用新的混合模式预览更改-它将混合-混合模式CSS属性直接引入Webflow。

资源

其他

网页设计

特性

Baidu
map