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