虽然CSS中有专门实现投影或者模糊效果的CSS属性，但是由于语法限制以及兼容性限制等原因，这些CSS并不能覆盖所有效果，此时可以借助SVG滤镜“曲线救国”。
文章关键字 ‘滤镜’
借助SVG滤镜实现CSS无法实现的阴影和模糊效果
2021年07月11日，星期日HTML中无标签文本的CSS变色技巧
2020年11月15日，星期日
SVG feTurbulence滤镜深入介绍
2020年10月17日，星期六
SVG feTurbulence滤镜可以用来模拟超级逼真的自然特效，例如火焰、水流、土石、烟雾、云朵等等，本文以接近1万字的篇幅详细深入介绍这个SVG滤镜，配备大量精彩实用案例，视觉表现前端必学知识，希望可以对您的学习所有帮助。
3D LUT 滤镜颜色映射原理剖析与JS实现
2020年02月27日，星期四
关于3D LUT滤镜原理的资料很少，或者原理讲得根本就不清楚，里面的一串数字怎么变成颜色的开发者全然不知，本文就通过真实例子一步一步带你剖析RGB色值是如何通过Cube等滤镜变成另外的颜色的。
CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产
2018年11月18日，星期日
传统按钮都是通过具体色值进行赋色的，但是有代码量大，开发维护成本高，且色值之间饱和度亮度存在差异问题。有没有什么简单的方法可以快速批量产生出各种颜色的按钮呢？有！就是借助CSS filter:hue-rotate色调旋转滤镜。具体如何实现呢？请点进去一看究竟吧~
CSS, SVG和canvas分别实现文本文字纹理叠加效果
2018年02月27日，星期二本文这里所说的叠加，就是混合模式中的叠加，也就是说，本文要实现的效果是，文字本身的颜色和纹理进行叠加，而非直接填充纹理。
CSS, SVG和canvas都能实现类似的效果，我们一个一个来看一下……
小tips: 0学习成本实现HTML元素粘滞融合效果
2017年12月21日，星期四元素粘滞融合效果很酷，看上去很难实现，实际上实现却非常容易，几乎0学习成本，一起来看看究竟吧！
深入理解SVG feDisplacementMap滤镜及实际应用
2017年12月14日，星期四借助SVG feDisplacementMap滤镜可以实现非常有意思的水波效果。本文深入介绍feDisplacementMap滤镜的作用原理，同时展示其在实际项目中可以大规模实际应用的潜力。
用3D LUT滤镜我做了个在线专业电影级别照片调色工具
2017年12月11日，星期一花了周日一整天时间做了个专业电影级别照片调色工具，使用的是3D LUT滤镜。欢迎围观。
我的应用
我的应用