filter
The filter
attribute specifies the filter effects defined by the <filter>
element that shall be applied to its element.
Note: As a presentation attribute, filter
can be used as a CSS property. See CSS filter
for further information.
As a presentation attribute, it can be applied to any element but it only has effect on container elements without the <defs>
element, all graphics elements and the <use>
element.
Example
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>
Usage notes
Value |
none
|
<filter-function-list>
|
---|---|
Default value | none |
Animatable | Yes |
For a description of the values see the CSS filter
property.
Specifications
Specification |
---|
Filter Effects Module Level 1 # FilterProperty |
Browser compatibility
BCD tables only load in the browser