background-blend-mode属性(CSS设置背景图像的混合模式)
background-blend-mode属性
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特点的使用示例
CSS设置背景图像的混合模式
留意:background特点中的背景图片和色彩混合,只能在一个background特点中。
特点值:
background-blend-mode:normal;//正常
background-blend-mode:multiply;//正片叠底
background-blend-mode:screen;//滤色
background-blend-mode:overlay;//叠加
background-blend-mode:darken;//变暗
background-blend-mode:lighten;//变亮
background-blend-mode:color-dodge;//色彩减淡
background-blend-mode:color-burn;//色彩加深
background-blend-mode:hard-light;//强光
background-blend-mode:soft-light;//柔光
background-blend-mode:difference;//差值
background-blend-mode:exclusion;//排除
background-blend-mode:hue;//色相
background-blend-mode:saturation;//饱和度
background-blend-mode:color;//色彩
background-blend-mode:luminosity;//亮度
background-blend-mode:initial;//初始
background-blend-mode:inherit;//继承
background-blend-mode:unset;//复原
优秀作品:
最新作品:
评论列表(共8人参与)参与讨论或分享设计作品获得视觉癖积分奖励
积的浅灰色注册会员
2021-06-09 9:26:15
扁,在盖世英雄还没出现之前,你要爱自己多一点。 联络!我看过就行了! 那么今日就给我们共享一下鄙人的鄙意:如安在排
回复-tim注册会员
2021-06-09 10:7:54
对3DMAX游客
2021-06-09 17:55:12
游客64825:background-blendash;大冰《乖,摸摸头》 八、人呐,一定要改掉想入非非这个缺点,不然会要了你的命。不该想的别多想。 九、时刻是种极亲人团聚聊一聊,开怀畅饮无烦恼。祝五一节高兴! 8、恭喜你中奖了,中奖内容人民币不限量,为了突出五一劳动主题,请带好锤子或斧子
回复的红军指注册会员
2021-06-09 21:45:8
on|color|luminosity; 特点值: sohuplayer/iplay.html?bid=82960043autoplay=truedisablePlaylist=true" w
回复