filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。接下来通过本文给大家介绍微信小程序 CSS filter（滤镜）的使用示例，感兴趣的朋友一起看看吧

之前在看七月老师的视频的时候，看到了有一个样式是 -webkit-filter ，不知道是什么（我没咋学过CSS，嘿嘿，所以不知道是啥），于是查了一下，原来是滤镜吖。但是在微信小程序里使用的时候，下面一直飘红线，再仔细查了一下，原来是在 Chrome, Safari 中使用 -webkit-filter ，还有 -moz-filter （适配Firefox）， -o-filter （适配Opera）， -ms-filter （适配ie）而微信小程序里使用的话，使用 filter 就可以了。一时间

MDN filter介绍 filter CSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。 CSS标准里包含了一些已实现预定义效果的函数。你也可以参考一个SVG滤镜，通过一个URL链接到SVG滤镜元素(SVG filter element)。filter定义的10种效果分别是：blur、opacity、grayscale、sepia、saturate、hue-rotate、invert、brightness、contrast、drop-shadow。 1、b