虽然CSS中有专门实现投影或者模糊效果的CSS属性,但是由于语法限制以及兼容性限制等原因,这些CSS并不能覆盖所有效果,此时可以借助SVG滤镜“曲线救国”。
文章关键字 ‘backdrop-filter’
借助SVG滤镜实现CSS无法实现的阴影和模糊效果
2021年07月11日,星期日几行CSS让整站支持深色模式的探索与拓展
2020年11月28日,星期六有两种CSS方法可以轻松实现深色模式效果,一种是借助filter滤镜,一种是借助mix-blend-mode混合模式,均是低成本高收益,详见本文介绍。
CSS backdrop-filter简介与苹果iOS毛玻璃效果
2019年11月15日,星期五Chrome 76+已经原生支持CSS backdrop-filter属性,类似苹果iOS手机的毛玻璃效果在实际项目中使用已经成为可能,前端必备小技能,必学必会必用到。