虽然CSS中有专门实现投影或者模糊效果的CSS属性，但是由于语法限制以及兼容性限制等原因，这些CSS并不能覆盖所有效果，此时可以借助SVG滤镜“曲线救国”。
文章关键字 ‘filter’
借助SVG滤镜实现CSS无法实现的阴影和模糊效果
2021年07月11日，星期日几行CSS让整站支持深色模式的探索与拓展
2020年11月28日，星期六
介绍一种全新的clipPath Sprites小图标技术
2020年10月30日，星期五
本文介绍一种全新的SVG图标合集技术，有别于传统的<symbol>元素，这里使用的是<clipPath>元素，配合CSS clip-path属性使用，优势在于HTML标签任意，UI样式任意，本文内容一定会对您的学习有所帮助。
SVG feTurbulence滤镜深入介绍
2020年10月17日，星期六
SVG feTurbulence滤镜可以用来模拟超级逼真的自然特效，例如火焰、水流、土石、烟雾、云朵等等，本文以接近1万字的篇幅详细深入介绍这个SVG滤镜，配备大量精彩实用案例，视觉表现前端必学知识，希望可以对您的学习所有帮助。
巧用CSS cross-fade()实现背景图像半透明效果
2020年07月6日，星期一
FDCon2019大会分享之滤镜与混合模式实录
2019年06月10日，星期一
第4届中国前端开发者千人峰会上我做了名为“滤镜与混合模式”主题分享，这里我把分享内容，尤其一些案例和源码整理成文，给需要的人，末尾有分享PPT文件的下载，内容较多，请提前预留足够学习时间。
第五届CSS大会主题分享之CSS创意与视觉表现
2019年06月9日，星期日
第五届CSS大会主题分享之“CSS创意与视觉表现”文字版完全整理，共有10个纯CSS实现的创意案例，旨在展现CSS的潜力，同时激发你的CSS创意思维。每个案例都有demo，原理讲解，文末还有分享文档，希望对你CSS学习有所帮助。
纯CSS图片滤镜项目CSSgram简介
2019年06月7日，星期五
CSS滤镜和混合模式处理的图片如何上传下载？
2019年04月20日，星期六
CSS scroll-snap滚动事件停止及元素位置检测
2019年04月20日，星期六
CSS Scroll Snap是个非常好用的特性，可以让滚动停止的时候，无需任何JS代码，自动平滑定位到指定元素的指定位置。但实际开发的时候，发现很多场景还需要知道滚动什么时候停止，以及到底滚动到哪个元素上，浏览器目前还没有原生的方法支持，需要我们使用JS进行辅助处理……
我的应用
我的应用