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 gibt die durch das <filter>-Element definierten Filtereffekte an, die auf das jeweilige Element angewendet werden sollen.

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

Als Präsentationsattribut kann es auf jedes Element angewendet werden, hat jedoch nur Wirkung auf Container-Elemente ohne das <defs>-Element, auf 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>

Nutzungshinweise

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

Eine Beschreibung der Werte finden Sie in der CSS-Eigenschaft filter.

Spezifikationen

Specification
Filter Effects Module Level 1
# FilterProperty

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch