filter

filter 属性指定了由 <filter> 元素定义的滤镜效果，这些效果将应用于其元素。

注意： 作为表示属性，filter 可用作 CSS 属性。有关更多信息，请参见 CSS filter。

作为表示属性，它可以应用于任何元素，但它仅对容器元素（不包含 <defs> 元素）、所有图形元素和 <use> 元素有效。

示例

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <filter id="blur">
    <feGaussianBlur stdDeviation="2" />
  </filter>

  <rect x="10" y="10" width="80" height="80" filter="url(#blur)" />
</svg>

使用注意事项

值	`none` \| `<filter-function-list>`
默认值	`none`
可动画	是

有关值的说明，请参见 CSS filter 属性。

规范

规范
滤镜效果模块级别 1 # FilterProperty

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

<filter>
filter