filter

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das filter-Attribut legt die durch das <filter>-Element definierten Filtereffekte fest, die auf das Element angewendet werden sollen.

Hinweis: Als Präsentationsattribut kann filter als CSS-Eigenschaft verwendet werden. Weitere Informationen finden Sie in der CSS filter.

Als Präsentationsattribut kann es auf jedes Element angewendet werden, hat jedoch nur Wirkung auf Containerelemente ohne das <defs>-Element, alle Grafikelemente und das <use>-Element.

Beispiel

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>

Verwendungshinweise

Wert none | <filter-function-list>
Standardwert none
Animierbar Ja

Für eine Beschreibung der Werte siehe die CSS filter-Eigenschaft.

Spezifikationen

Specification
Filter Effects Module Level 1
# FilterProperty

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch