css 图片混合 mix-blend-mode

mix-blend-mode: normal;//正常

mix-blend-mode: multiply;//正片叠底

mix-blend-mode: screen;//滤色

mix-blend-mode: overlay;//叠加

mix-blend-mode: darken;//变暗

mix-blend-mode: lighten;//变亮

mix-blend-mode: color-dodge;//颜色减淡

mix-blend-mode: color-burn;//颜色加深

mix-blend-mode: hard-light;//强光

mix-blend-mode: soft-light;//柔光

mix-blend-mode: difference;//差值

mix-blend-mode: exclusion;//排除

mix-blend-mode: hue;//色相

mix-blend-mode: saturation;//饱和度

mix-blend-mode: color;//颜色

mix-blend-mode: luminosity;//亮度

mix-blend-mode: initial;//初始

mix-blend-mode: inherit;//继承

mix-blend-mode: unset;//复原

如果你想体验各个混合模式的作用表现,您可以狠狠地点击这里:CSS3 mix-blend-mode混合模式Demo

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容