CSS中background-blend-mode属性怎么用
这篇文章给大家分享的是有关CSS中background-blend-mode属性怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
创新互联-专业网站定制、快速模板网站建设、高性价比慈溪网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式慈溪网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖慈溪地区。费用合理售后完善,十载实体公司更值得信赖。
CSSbackground-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:亮度模式。
注:InternetExplorer不支持background-blend-mode属性。
CSSbackground-blend-mode属性的使用示例
body{background-color:yellow;}
div{
width:290px;
height:69px;
background-size:290px69px;
background-repeat:no-repeat;
background-image:linear-gradient(toright,#25a1b150%,#862e3e100%),url('/upload/otherpic69/5c6a4428ea867709.png');
background-blend-mode:color-dodge;
}
感谢各位的阅读!关于“CSS中background-blend-mode属性怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
网页名称:CSS中background-blend-mode属性怎么用
标题路径:http://pwwzsj.com/article/pcoeji.html