真是大开眼界，没想到纯CSS代码也能实现随机噪点效果。
文章关键字 ‘background-blend-mode’
使用纯CSS实现噪点效果
2023年06月5日，星期一CSS background背景图标的变色技巧
2022年01月31日，星期一
深入理解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, SVG和canvas分别实现文本文字纹理叠加效果
2018年02月27日，星期二本文这里所说的叠加，就是混合模式中的叠加，也就是说，本文要实现的效果是，文字本身的颜色和纹理进行叠加，而非直接填充纹理。
CSS, SVG和canvas都能实现类似的效果，我们一个一个来看一下……
CSS混合模式mix-blend-mode/background-blend-mode简介
2015年05月29日，星期五熟悉PS的人都应该知道混合模式，什么叠加、正片叠底、颜色减淡、颜色加深、滤色……之类的。在web上基本上常见的现代web技术都支持混合模式，例如SVG啊，Canvas等。CSS3自然也不在话下，本文就将介绍CSS3中两个与混合模式有关的CSS属性mix-blend-mode和background-blend-mode，一起进来看看眼界吧~~
我的应用
我的应用