要想成为前端图形表现领域的高手，要必要弄懂SVG中各种滤镜元素的语法与作用，先从简单的feblend元素开始。
文章关键字 ‘混合模式’
SVG滤镜系列之搞懂<feBlend>元素
2024年04月11日，星期四HTML中无标签文本的CSS变色技巧
2020年11月15日，星期日
深入理解CSS mix-blend-mode滤色screen混合模式
2019年05月28日，星期二
如何让MP4 video视频背景色变成透明？
2019年05月16日，星期四
有一些非常幸福的复杂动向，或者一些场景特效使用视频来实现是非常简单的，但是视频有一个严重的问题，那就是背景它不是透明的，无法跟底部图像很好的融合在一起，那有没有什么解决方法可以让它的背景变透明呢？
CSS, SVG和canvas分别实现文本文字纹理叠加效果
2018年02月27日，星期二本文这里所说的叠加，就是混合模式中的叠加，也就是说，本文要实现的效果是，文字本身的颜色和纹理进行叠加，而非直接填充纹理。
CSS, SVG和canvas都能实现类似的效果，我们一个一个来看一下……
小tips:使用canvas在前端实现图片水印合成
2017年05月17日，星期三图片合成最常见的需求有验证码图片，亦或者图片加水印等，这种实现一般都是后端实现的。
随着HTML5发展和现代浏览器的占比越来越高，我们其实也可以在前端直接进行图片的合成。优点在于，响应更快，体验更好；如果是和文字进行合成，我们可以利用客户端字体，视觉展现效果更丰富；同时展示和合成全部都是前端完成，因此更利于维护。
CSS混合模式mix-blend-mode/background-blend-mode简介
2015年05月29日，星期五熟悉PS的人都应该知道混合模式，什么叠加、正片叠底、颜色减淡、颜色加深、滤色……之类的。在web上基本上常见的现代web技术都支持混合模式，例如SVG啊，Canvas等。CSS3自然也不在话下，本文就将介绍CSS3中两个与混合模式有关的CSS属性mix-blend-mode和background-blend-mode，一起进来看看眼界吧~~
我的应用
我的应用