最近遇到了需要使用CSS让background背景图标的变色的需求场景，使用背景混合模式实现的，可能大家以后也用得到，所以分享下。
文章关键字 ‘mix-blend-mode’
CSS background背景图标的变色技巧
2022年01月31日，星期一几行CSS让整站支持深色模式的探索与拓展
2020年11月28日，星期六
HTML中无标签文本的CSS变色技巧
2020年11月15日，星期日
深入理解CSS background-blend-mode的作用机制
2020年07月22日，星期三
CSS mix-blend-mode属性比较好理解，效果都符合预期，然而background-blend-mode属性的混合效果常出乎意料，那是因为背景混合模式的作用机制有一点特殊，本文就带大家深入理解background-blend-mode的作用机制。
FDCon2019大会分享之滤镜与混合模式实录
2019年06月10日，星期一
第4届中国前端开发者千人峰会上我做了名为“滤镜与混合模式”主题分享，这里我把分享内容，尤其一些案例和源码整理成文，给需要的人，末尾有分享PPT文件的下载，内容较多，请提前预留足够学习时间。
第五届CSS大会主题分享之CSS创意与视觉表现
2019年06月9日，星期日
第五届CSS大会主题分享之“CSS创意与视觉表现”文字版完全整理，共有10个纯CSS实现的创意案例，旨在展现CSS的潜力，同时激发你的CSS创意思维。每个案例都有demo，原理讲解，文末还有分享文档，希望对你CSS学习有所帮助。
更好的纯CSS滚动指示器技术实现
2019年06月8日，星期六
我们可以使用纯CSS显示页面滚动百分比进度，传统实现是在body标签上做文章，但有致命缺陷，后来我借助混合模式实现了一种新方法，此方法可以规避传统实现的不足，使纯CSS滚动指示器效果在实际项目中应用成为了可能。
纯CSS图片滤镜项目CSSgram简介
2019年06月7日，星期五
深入理解CSS mix-blend-mode滤色screen混合模式
2019年05月28日，星期二
如何让MP4 video视频背景色变成透明？
2019年05月16日，星期四
有一些非常幸福的复杂动向，或者一些场景特效使用视频来实现是非常简单的，但是视频有一个严重的问题，那就是背景它不是透明的，无法跟底部图像很好的融合在一起，那有没有什么解决方法可以让它的背景变透明呢？
我的应用
我的应用