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 sein Element angewendet werden sollen.
Hinweis:
Als Präsentationsattribut hat filter
auch ein entsprechendes CSS-Eigenschaftsgegenstück: filter
. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Technisch kann filter
auf jedes Element angewendet werden, aber es hat nur Auswirkungen auf Container-Elemente ohne das <defs>
Element, alle Grafik-Elemente und das <use>
Element.
Beispiel
<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
Spezifikationen
Specification |
---|
Filter Effects Module Level 1 # FilterProperty |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
filter |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support