本文介绍了CSS的混合模式，类似于Photoshop中的正片叠底功能。混合模式可以应用于图片与背景色、图片与图片的混合。文章通过示例代码展示了如何使用`background-blend-mode`和`mix-blend-mode`进行混合，并提供了两个实际的代码实现：一个展示背景混合模式的效果，另一个演示如何利用CSS混合模式实现文字动画。
css的混合模式类似ps里的正片叠底功能，
混合模式可以是图片和背景色混合，也可以是图片和图片混合，设置方式有两种background-blend-mode 和mix-blend-mode；
混合模式Multiply，screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color,和luminosity. normal
可归类：
详细api
详细内容可查看：https://www.w3cplus.com/css3/basics-css-blend-modes.html<
最低0.47元/天 解锁文章
扫一扫
314
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
