Filter Effects in Web (1)：CSS filter

编者按：本文作者高峰，360奇舞团前端工程师，W3C性能工作组/WOT工作组成员。过滤器效果可以在元素展示之前对元素的渲染进行处理。它是基于图片的效果，主要接受0或多个图片作为输入，然后指定特定的效果参数，最后生成一张图片作为输出。输出的图片会替代原始元素在DOM中渲染，或者被当做一个CSS图片值。虽然过滤器效果一开始是为了SVG而设计的，但是在CSS中，我们也同样可以使用(通过filter属性)。本文主要介绍的就是这一部分，CSS中的filter效果。后续我会在给大家介绍一下SVG中的filter效果。CSS中的filter属性在CSS中，我们可以通过filter属性使用过滤器效果。该属性可以应用在CSS中的任何元素上，除此之外，还可以应用在SVG中的容器元素（除外）、图形类元素（ ………………………………