滤镜效果 | 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

指导手册

没有。

规范

SpecificationStatusComment
Filter Effects Module Level 1The definition of 'filter' in that specification.Working DraftInitial definition.

浏览器兼容性

FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support18.0-webkit(Yes)35 (35)No support15.0-webkit6.0-webkit

FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support4.4-webkit(Yes)35 (35)No support22.0 (Yes)-webkit6.0 (Yes)-webkit