16种CSS混合模式(Blend modes)预览 CSS Blend modes

Click to edit text..

你可以通过右上角的按钮来选择你自己的图片来查看各种混合模式效果,它使用的是background-blend-mode属性来修改混合模式。

点击右边的缩略图来查看混合模式效果。

右上角的文本图标允许你在预览图上添加文本,文本的混合模式通过mix-blend-mode实现。

如果你的浏览器不支持某个属性,你将看不到任何的混合效果。