css mix-blend-mode图层混合模式（跟ps的功能图层混合模式类似）

mix-blend-mode 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。

很多时候，我们使用的网站主题背景和图片的主色反差太大的时候，可以使用图层混合模式进行调整，当然又是也拿来裁剪黑白图片。

语法：

mix-blend-mode:normal; //默认值

属性：

Photoshop图层	CSS混合模式	中文名称	功能描述
normal	normal	正常模式	混合色的像素会透过所用的颜色显示出来
multiply	multiply	正片叠底模式	在“正片叠底”模式中，查看每个通道中的颜色信息，并将“基色”与“混合色”复合。
screen	screen	滤色模式	“滤色”模式与“正片叠底”模式正好相反，它将图像的“基色”颜色与“混合色”颜色结合起来产生比两种颜色都浅的第三种颜色
overlay	overlay	叠加模式	“叠加”模式把图像的“基色”颜色与“混合色”颜色相混合产生一种中间色。
darken	darken	变暗模式	在“变暗”模式中，查看每个通道中的颜色信息，并选择“基色”或“混合色”中较暗的颜色作为“结果色”。
lighten	lighten	变亮模式	在

css mix-blend-mode图层混合模式（跟ps的功能图层混合模式类似）相关推荐

php psd图层重命名,ps批量修改图层名字的脚本(附批量替换方法)
如果你遇到设计了一个页面,然后又想导出图层为图片,但是你又想先重新命名然后再改,那么ps有没有图层名称批量修改的功能呢? 其实本身ps是没有这个功能的,但是你可以通过脚本来改变,首先看图一. 怎样才能 ...
【ae】图层样式（ps里的图层样式）
不是效果菜单啊,在图层菜单下的图层样式里
python图层合并_图层最新:Python叠加矩形框图层2种方法及效果_爱安网 LoveAn.com
关于"图层"的最新内容聚合阅读这篇文章主要介绍了Python叠加矩形框图层2种方法及效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友 ...
ps怎么缩放图层大小_【无机纳米材料科研制图——Photoshop 0404】PS排列扫描透射电子显微镜图TEM/STEM...
此篇,我们来分享使用PS排列TEM投射图和STEM扫描透射电子显微镜拍摄的Mapping元素分布图. 一.排列图片 1)置入TEM图片并调整. 首先,画布依然是60 cm * 60 cm.然后,先置入 ...
背景图层和普通图层的区别_新手如何在PS中创建图层？不容错过的7种方法，你值得学习...
昨天跟小波一起认识了PS图层的童鞋应该已经对它不陌生了,那么在了解之后就要来实践操作,毕竟实践出真知嘛.那这一章就一起来学习在PS中创建图层吧. 在PS中,图层的创建方法有很多种,包括在"图 ...
【敬伟ps教程】图层相关知识
文章目录前期准备工作暂存盘历史记录自动保存快捷键图层的基础知识新建图层图层操作面板设置前期准备工作暂存盘编辑–首选项(在最下面)–暂存盘(或者直接使用快捷键:Ctrl+K) 首 ...
【敬伟ps教程】图层进阶知识
文章目录图层过滤和锁定图层链接图层编组图层合并图层盖印图层复合图层剪贴蒙版图层过滤和锁定图层过滤可以根据图层不同的性质进行查看管理图层锁定即是对图层或图层某部分进行操作保护按钮分 ...
平面设计PS基础入门图层教程
本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享平面设计PS基础入门图层教程,艺术家使用PS,摄影师使用PS,数码玩家们也使用PS,与此同时,web设计湿更是离不开 ...
PS CC 2018 图层
1.通过剪切的图层位置图层选新建,下拉菜单找到"通过剪切的图层" 2.填充图层 PS CC 2018 需要连续按两次Alt 然后按 Del 即可对图层快速填充待补充--

css mix-blend-mode图层混合模式（跟ps的功能图层混合模式类似）

css mix-blend-mode图层混合模式（跟ps的功能图层混合模式类似）相关推荐

最新文章

热门文章