the *-blend-mode properties should've just been *-blend *-blend-mode属性应该叫 *-blend 就可以了。
CodePen Demo -- mask & filter & blend-mode 实际效果比截图好很多,可以点击 Demo 去看看。
用黑色的话不发生任何变化(黑色亮度最低,下层颜色减去最小颜色值0,结果和原来一样),而用白色会得到反相效果(下层颜色被减去,得到补值),其它颜色则基于它们的亮度水平 在CSS3中,已经有 blend-mode
语法参数: /* # 语法 */ background-blend-mode: ; /* 参数: 是一种 CSS 数据类型,用于描述当元素重叠时,颜色应当如何呈现
.blend-mode { background: url(image.jpg); mix-blend-mode: screen; } 38.
当图像的被设置为 background-color:lightblue; blend-mode:difference ; ,这就是Medium 的主页的样子: ?
.blend-mode { background: url(image.jpg); mix-blend-mode: screen; } 48.
混合模式 (Blend Modes) ,是一种 CSS 数据类型,也就是我们常说的混合模式,可以用来描述当元素重叠时,颜色应当如何呈现。
领取专属 10元无门槛券
手把手带您无忧上云