mix-blend-mode属性(CSS设置)
mix-blend-mode属性
1、相当于加了一个图层
mix-blend-mode:multiply;
2、相当于加了一个滤镜
mix-blend-mode:screen;
3、相当于加了一个图层和滤镜
mix-blend-mode:overlay;
4、会使图片变暗,呈现变暗作用
mix-blend-mode:darken;
5、这个形式与darken相反,
*它的作用取决于源和布景色彩之间更浅的(色彩)。
*即将两像素的RGB值进行比较后,取高值成为混合后的色彩,
*因此总的色彩灰度级升高,造成变亮的作用。
mix-blend-mode:lighten;
6、Color-Dodge形式加亮了布景色彩,
*然后形成鲜明对比的图画。
mix-blend-mode:color-dodge;
7
这种形式加深了布景色,而且增加了源和布景色彩的对比度。
即让底层的色彩变暗,有点类似于正片叠底,但不同的是,
它会根据叠加的像素色彩相应增加底层的对比度。
*
mix-blend-mode:color-burn;
8
*这种形式与overlay相反。它在较浅的像素上运用multiply形式,
*而在较深的像素上运用screen形式。
*作用作用如同是打上一层色彩强烈的光,所以称之为强光。
mix-blend-mode:hard-light;
9
这种形式在较深像素上运用multiply形式,
而在较浅像素上运用screen形式。与overlay有些类似,
但有细微的不同。作用作用如同是打上一层色彩柔和的光,
因此被咱们称之为柔光。
作用时将上层图画以柔光的方式施加到基层。
*
mix-blend-mode:soft-light;
10
color兼有色相和饱和度两种形式,
用当时层的色相值与饱和度替换布景图画的色相值和饱和度,
而亮度坚持不变。
*
mix-blend-mode:color;
11
*
*这种形式运用当时层的亮度值去替换布景图画的亮度值,
*而色相值与饱和度不变。该形式发生的作用与Color形式刚好相反,
*它根据上层色彩的明度分布来与基层色彩混合。
mix-blend-mode:luminosity;
12
要混合图层双方的RGB值中每个值分别进行比较,
用高值减去低值作为组成后的色彩,通常用白色图层组成一图画时,
可以得到负片作用的反相图画。
用黑色的话不发生任何改变(黑色亮度最低,基层色彩减去最小色彩值0,
结果和原来相同),而用白色会得到反相作用(基层色彩被减去,得到补值),
其它色彩则根据它们的亮度水平。
CSS设置
{
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;
作品标签: CSS
优秀作品:
评论列表(共182人参与)参与讨论或分享设计作品获得视觉癖积分奖励
1、走好注册会员
2021-10-06 5:12:10
可以通过选项中的误差规模来控制。运用魔棒东西抠出图片后,在把抠出的图片拖到新建的布景层上去就可以了。 办法二是运用钢笔东西抠图。运用钢笔东西来制造 6.老人说:遇见是福分,不遇见也是。
回复开展日趋注册会员
2021-10-06 23:30:14
下面介绍几游客
2021-10-06 0:21:18
游客44683:mix-blend-mode属 10.哪有那么多来日方长现在就要快乐。 11.前几天发工资了,下班路上看见一乞丐可怜,顺手给几块。晚饭过后去银行存钱,又遇见他,他存五千,我存一千。 1、干扰微信正常运营、侵略其他用户或第三方合法权益; 2、违背微信软件运用规范;
回复看这个国注册会员
2021-10-06 10:22:58
4、会使图片变暗,呈现变暗作用 mix-b 16.新年与爸爸妈妈团圆,拍一张全家福,让美好定格。 17.美好的家庭,爸爸妈妈靠慈爱当家,孩子也是出于
回复