请选择 进入手机版 | 继续访问电脑版
欢迎来到爱昵论坛!

爱昵论坛将免费提供最新资源学习交流、常见的解决方案社区平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

热搜: PS HTML+CSS JS
搜索
查看: 224|回复: 0

从CSS实现正片叠底看=>混合模式mix-blend-mode

[复制链接]

634

主题

687

帖子

2731

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2731
发表于 2019-6-20 11:18:54 | 显示全部楼层 |阅读模式
兼容性:这个东西说多了也没意思,像HTML5和CSS3这种兼容性时刻变化的东东,我们最好在自己支持的设备上实验,不支持,就在想办法呗,这个东西就是为了方便和好玩
  1. mix-blend-mode: normal;          //正常
  2. mix-blend-mode: multiply;        //正片叠底
  3. mix-blend-mode: screen;          //滤色
  4. mix-blend-mode: overlay;         //叠加
  5. mix-blend-mode: darken;          //变暗
  6. mix-blend-mode: lighten;         //变亮
  7. mix-blend-mode: color-dodge;     //颜色减淡
  8. mix-blend-mode: color-burn;      //颜色加深
  9. mix-blend-mode: hard-light;      //强光
  10. mix-blend-mode: soft-light;      //柔光
  11. mix-blend-mode: difference;      //差值
  12. mix-blend-mode: exclusion;       //排除
  13. mix-blend-mode: hue;             //色相
  14. mix-blend-mode: saturation;      //饱和度
  15. mix-blend-mode: color;           //颜色
  16. mix-blend-mode: luminosity;      //亮度
  17. mix-blend-mode: initial;         //初始
  18. mix-blend-mode: inherit;         //继承
  19. mix-blend-mode: unset;           //复原
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|爱昵图库(Inpic) ( 鄂ICP备14000185号-1

GMT+8, 2019-10-22 19:23 , Processed in 0.109375 second(s), 27 queries .

Powered by Inpic

© 2013-2016 Inpic.com.cn

快速回复 返回顶部 返回列表