滤镜效果 | Filter Effects

滤镜效果是CSS的一个模块，它定义了元素在文档中显示之前，对其渲染效果的一种处理方式。

参照系

特性

• filter功能

• blur()%28滤镜#模糊%28%29%29

• brightness()%28滤光片#亮度%28%29%29

• contrast()%28滤镜#对比度%28%29%29

• drop-shadow()%28过滤器#下降阴影%28%29%29

• grayscale()%28过滤器#灰度%28%29%29

• hue-rotate()%28滤镜#色调-旋转%28%29%29

• invert()%28滤波器#倒置%28%29%29

• opacity()%28过滤器#不透明度%28%29%29

• saturate()%28滤波器#饱和%28%29%29

• sepia()%28过滤器#败血症%28%29%29

• url()%28过滤器#url%28%29%29

指导手册

没有。

规范

Specification	Status	Comment
Filter Effects Module Level 1The definition of 'filter' in that specification.	Working Draft	Initial definition.

浏览器兼容性

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	18.0-webkit	(Yes)	35 (35)	No support	15.0-webkit	6.0-webkit

Feature	Android	Edge	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	4.4-webkit	(Yes)	35 (35)	No support	22.0 (Yes)-webkit	6.0 (Yes)-webkit

	滤镜效果 | Filter Effects
	背景过滤器 | backdrop-filter	详细
	过滤器 | filter	详细
	滤镜效果 | Filter Effects	详细