作者:拍友2602939213 | 来源:互联网 | 2020-09-01 04:30
background-blend-mode属性用于定义背景层的混合模式(图片与颜色),可设置的模式有:正片叠底模式、滤色模式、叠加模式、变暗模式、变亮模式、颜色减淡模式、饱和度模式、颜色模式、亮度模式。
background-blend-mode属性用于定义背景层的混合模式(图片与颜色),可设置的模式有:正片叠底模式、滤色模式、叠加模式、变暗模式、变亮模式、颜色减淡模式、饱和度模式、颜色模式、亮度模式。
CSS background-blend-mode属性
作用:用于定义了背景层的混合模式(图片与颜色)
语法:
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
属性值:
normal:默认值,设置正常的混合模式。
multiply :正片叠底模式。
screen:滤色模式。
overlay:叠加模式。
darken:变暗模式。
lighten:变亮模式。
color-dodge:颜色减淡模式。
saturation:饱和度模式。
color:颜色模式。
luminosity:亮度模式。
注: Internet Explorer 不支持 background-blend-mode 属性。
CSS background-blend-mode属性的使用示例
效果图:
以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。
以上就是CSS background-blend-mode属性怎么用?的详细内容,更多请关注 第一PHP社区 其它相关文章!