本文这里所说的叠加，就是混合模式中的叠加，也就是说，本文要实现的效果是，文字本身的颜色和纹理进行叠加，而非直接填充纹理。
CSS, SVG和canvas都能实现类似的效果，我们一个一个来看一下……
文章关键字 ‘滤镜’
CSS, SVG和canvas分别实现文本文字纹理叠加效果
2018年02月27日，星期二小tips: 0学习成本实现HTML元素粘滞融合效果
2017年12月21日，星期四元素粘滞融合效果很酷，看上去很难实现，实际上实现却非常容易，几乎0学习成本，一起来看看究竟吧！
深入理解SVG feDisplacementMap滤镜及实际应用
2017年12月14日，星期四借助SVG feDisplacementMap滤镜可以实现非常有意思的水波效果。本文深入介绍feDisplacementMap滤镜的作用原理，同时展示其在实际项目中可以大规模实际应用的潜力。
用3D LUT滤镜我做了个在线专业电影级别照片调色工具
2017年12月11日，星期一花了周日一整天时间做了个专业电影级别照片调色工具，使用的是3D LUT滤镜。欢迎围观。
使用CSS将图片转换成模糊(毛玻璃)效果
2013年11月21日，星期四前段时间，iOS7不是瓜未熟就落地了嘛，然后捡瓜的人很多，然后国内外开始了各种探讨，从界面到动画，从兼容到实现等。其中，“毛玻璃”一次梆梆出世，一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之，国内有之，国外也有之……
虽然本文标题也有“毛玻璃”二字，sorry，是“三字”。但是，并不是介绍如何实现毛玻璃效果的，而是介绍毛玻璃效果实现的基础——模糊。哈哈，恕我取巧，借用“毛玻璃”之词，沾沾喜气，散发芳气；蜂飞蝶舞，围观博主。
本文很单纯，就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有，希望本文的内容能够对您的学习有所帮助！
CSS3背景图片透明叠加属性cross-fade简介
2012年09月29日，星期六据说iOS6系统(iPhone5)增加了两个CSS3属性，一个是CSS3 filters – CSS3滤镜，在“CSS将图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜；另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。
毕竟有IE滤镜这厮，所以前者看上去可能不那么显生；那后者Cross-fade是？
小tip: 使用CSS将图片转换成黑白(灰色、置灰)
2012年08月19日，星期日可能早就知道，像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;)，不过，当时，其他浏览器是无解的。不过，时代发展，如今，CSS3的逐步推进，我们也开始看到“黑白效果”大规模应用于实际的可能。
本文就将介绍如何是有CSS3的一些新方法实现图片的黑白效果。另外，最后还介绍下一款可以实现各个浏览器下图片黑白的小JS插件。有截图，有demo，有代码示意，希望本文的内容能够对您的学习有所帮助。
HTML5 Canvas,WebGL,CSS Shaders,GLSL的暧昧关系
2011年10月10日，星期一技术的发展日新月异，说不定回家钓几天鱼，就出来个新东西了。新事物新技术发展的初期，你无法预见其未来之趋势，生命诚可贵，没有必要花过多时间深入研究这些新东西，不过，知道了大概，了解个全貌还是很有必要的。虽不是时代缔造者，也不至于落后于时代发展大潮。
互联网的发展相当的神速，其他不说，就前端技术这块，出现的些新名词或生名词就让人眼花缭乱，应接不暇，比如说：HTML5 Canvas, WebGL, CSS Shaders, GLSL等。你是否有这样的疑问……
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011年05月4日，星期三IE9浏览器，甚至很可能IE10都不支持text-shadow文字阴影属性，但是人民群众的智慧是无穷无尽的，我们可以使用一些特殊的手段，或是方法实现类似于文字阴影的效果，而本文就将简单展示几种我所知的方法。
一如既往，丰富飞demo页面，相应的源代码展示，截图示例。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用