<?xml version="1.0" encoding="UTF-8"?>
<feature id="svg-filters"><name>SVG filters</name><description>The &lt;filter&gt; SVG element applies custom effects such as color manipulation, blurring, or morphing to SVG elements.</description><group>svg</group><group_name>SVG</group_name><baseline><status>widely</status><low_date>2015-07-29</low_date><high_date>2018-01-29</high_date></baseline><support><browser name="chrome" version="5" supported="true"></browser><browser name="firefox" version="3" supported="true"></browser><browser name="safari" version="6" supported="true"></browser><browser name="edge" version="12" supported="true"></browser><browser name="chrome_android" version="18" supported="true"></browser><browser name="firefox_android" version="4" supported="true"></browser><browser name="safari_ios" version="6" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/filter-effects-1/</spec></specifications><caniuse><id>svg-filters</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/SVGFETileElement</mdn_url><compat_features><key>api.SVGFEBlendElement</key><key>api.SVGFEBlendElement.height</key><key>api.SVGFEBlendElement.in1</key><key>api.SVGFEBlendElement.in2</key><key>api.SVGFEBlendElement.mode</key><key>api.SVGFEBlendElement.result</key><key>api.SVGFEBlendElement.width</key><key>api.SVGFEBlendElement.x</key><key>api.SVGFEBlendElement.y</key><key>api.SVGFEColorMatrixElement</key><key>api.SVGFEColorMatrixElement.height</key><key>api.SVGFEColorMatrixElement.in1</key><key>api.SVGFEColorMatrixElement.result</key><key>api.SVGFEColorMatrixElement.type</key><key>api.SVGFEColorMatrixElement.values</key><key>api.SVGFEColorMatrixElement.width</key><key>api.SVGFEColorMatrixElement.x</key><key>api.SVGFEColorMatrixElement.y</key><key>api.SVGFEComponentTransferElement</key><key>api.SVGFEComponentTransferElement.height</key><key>api.SVGFEComponentTransferElement.in1</key><key>api.SVGFEComponentTransferElement.result</key><key>api.SVGFEComponentTransferElement.width</key><key>api.SVGFEComponentTransferElement.x</key><key>api.SVGFEComponentTransferElement.y</key><key>api.SVGFECompositeElement</key><key>api.SVGFECompositeElement.height</key><key>api.SVGFECompositeElement.in1</key><key>api.SVGFECompositeElement.in2</key><key>api.SVGFECompositeElement.k1</key><key>api.SVGFECompositeElement.k2</key><key>api.SVGFECompositeElement.k3</key><key>api.SVGFECompositeElement.k4</key><key>api.SVGFECompositeElement.operator</key><key>api.SVGFECompositeElement.result</key><key>api.SVGFECompositeElement.width</key><key>api.SVGFECompositeElement.x</key><key>api.SVGFECompositeElement.y</key><key>api.SVGFEConvolveMatrixElement</key><key>api.SVGFEConvolveMatrixElement.bias</key><key>api.SVGFEConvolveMatrixElement.divisor</key><key>api.SVGFEConvolveMatrixElement.edgeMode</key><key>api.SVGFEConvolveMatrixElement.height</key><key>api.SVGFEConvolveMatrixElement.in1</key><key>api.SVGFEConvolveMatrixElement.kernelMatrix</key><key>api.SVGFEConvolveMatrixElement.kernelUnitLengthX</key><key>api.SVGFEConvolveMatrixElement.kernelUnitLengthY</key><key>api.SVGFEConvolveMatrixElement.orderX</key><key>api.SVGFEConvolveMatrixElement.orderY</key><key>api.SVGFEConvolveMatrixElement.preserveAlpha</key><key>api.SVGFEConvolveMatrixElement.result</key><key>api.SVGFEConvolveMatrixElement.targetX</key><key>api.SVGFEConvolveMatrixElement.targetY</key><key>api.SVGFEConvolveMatrixElement.width</key><key>api.SVGFEConvolveMatrixElement.x</key><key>api.SVGFEConvolveMatrixElement.y</key><key>api.SVGFEDiffuseLightingElement</key><key>api.SVGFEDiffuseLightingElement.diffuseConstant</key><key>api.SVGFEDiffuseLightingElement.height</key><key>api.SVGFEDiffuseLightingElement.in1</key><key>api.SVGFEDiffuseLightingElement.kernelUnitLengthX</key><key>api.SVGFEDiffuseLightingElement.kernelUnitLengthY</key><key>api.SVGFEDiffuseLightingElement.result</key><key>api.SVGFEDiffuseLightingElement.surfaceScale</key><key>api.SVGFEDiffuseLightingElement.width</key><key>api.SVGFEDiffuseLightingElement.x</key><key>api.SVGFEDiffuseLightingElement.y</key><key>api.SVGFEDisplacementMapElement</key><key>api.SVGFEDisplacementMapElement.height</key><key>api.SVGFEDisplacementMapElement.in1</key><key>api.SVGFEDisplacementMapElement.in2</key><key>api.SVGFEDisplacementMapElement.result</key><key>api.SVGFEDisplacementMapElement.scale</key><key>api.SVGFEDisplacementMapElement.width</key><key>api.SVGFEDisplacementMapElement.x</key><key>api.SVGFEDisplacementMapElement.xChannelSelector</key><key>api.SVGFEDisplacementMapElement.y</key><key>api.SVGFEDisplacementMapElement.yChannelSelector</key><key>api.SVGFEDistantLightElement</key><key>api.SVGFEDistantLightElement.azimuth</key><key>api.SVGFEDistantLightElement.elevation</key><key>api.SVGFEDropShadowElement</key><key>api.SVGFEDropShadowElement.dx</key><key>api.SVGFEDropShadowElement.dy</key><key>api.SVGFEDropShadowElement.height</key><key>api.SVGFEDropShadowElement.in1</key><key>api.SVGFEDropShadowElement.result</key><key>api.SVGFEDropShadowElement.setStdDeviation</key><key>api.SVGFEDropShadowElement.stdDeviationX</key><key>api.SVGFEDropShadowElement.stdDeviationY</key><key>api.SVGFEDropShadowElement.width</key><key>api.SVGFEDropShadowElement.x</key><key>api.SVGFEDropShadowElement.y</key><key>api.SVGFEFloodElement</key><key>api.SVGFEFloodElement.height</key><key>api.SVGFEFloodElement.result</key><key>api.SVGFEFloodElement.width</key><key>api.SVGFEFloodElement.x</key><key>api.SVGFEFloodElement.y</key><key>api.SVGFEFuncAElement</key><key>api.SVGFEFuncBElement</key><key>api.SVGFEFuncGElement</key><key>api.SVGFEFuncRElement</key><key>api.SVGFEGaussianBlurElement</key><key>api.SVGFEGaussianBlurElement.edgeMode</key><key>api.SVGFEGaussianBlurElement.height</key><key>api.SVGFEGaussianBlurElement.in1</key><key>api.SVGFEGaussianBlurElement.result</key><key>api.SVGFEGaussianBlurElement.setStdDeviation</key><key>api.SVGFEGaussianBlurElement.stdDeviationX</key><key>api.SVGFEGaussianBlurElement.stdDeviationY</key><key>api.SVGFEGaussianBlurElement.width</key><key>api.SVGFEGaussianBlurElement.x</key><key>api.SVGFEGaussianBlurElement.y</key><key>api.SVGFEImageElement</key><key>api.SVGFEImageElement.crossOrigin</key><key>api.SVGFEImageElement.height</key><key>api.SVGFEImageElement.href</key><key>api.SVGFEImageElement.preserveAspectRatio</key><key>api.SVGFEImageElement.result</key><key>api.SVGFEImageElement.width</key><key>api.SVGFEImageElement.x</key><key>api.SVGFEImageElement.y</key><key>api.SVGFEMergeElement</key><key>api.SVGFEMergeElement.height</key><key>api.SVGFEMergeElement.result</key><key>api.SVGFEMergeElement.width</key><key>api.SVGFEMergeElement.x</key><key>api.SVGFEMergeElement.y</key><key>api.SVGFEMergeNodeElement</key><key>api.SVGFEMergeNodeElement.in1</key><key>api.SVGFEMorphologyElement</key><key>api.SVGFEMorphologyElement.height</key><key>api.SVGFEMorphologyElement.in1</key><key>api.SVGFEMorphologyElement.operator</key><key>api.SVGFEMorphologyElement.radiusX</key><key>api.SVGFEMorphologyElement.radiusY</key><key>api.SVGFEMorphologyElement.result</key><key>api.SVGFEMorphologyElement.width</key><key>api.SVGFEMorphologyElement.x</key><key>api.SVGFEMorphologyElement.y</key><key>api.SVGFEOffsetElement</key><key>api.SVGFEOffsetElement.dx</key><key>api.SVGFEOffsetElement.dy</key><key>api.SVGFEOffsetElement.height</key><key>api.SVGFEOffsetElement.in1</key><key>api.SVGFEOffsetElement.result</key><key>api.SVGFEOffsetElement.width</key><key>api.SVGFEOffsetElement.x</key><key>api.SVGFEOffsetElement.y</key><key>api.SVGFEPointLightElement</key><key>api.SVGFEPointLightElement.x</key><key>api.SVGFEPointLightElement.y</key><key>api.SVGFEPointLightElement.z</key><key>api.SVGFESpecularLightingElement</key><key>api.SVGFESpecularLightingElement.height</key><key>api.SVGFESpecularLightingElement.in1</key><key>api.SVGFESpecularLightingElement.kernelUnitLengthX</key><key>api.SVGFESpecularLightingElement.kernelUnitLengthY</key><key>api.SVGFESpecularLightingElement.result</key><key>api.SVGFESpecularLightingElement.specularConstant</key><key>api.SVGFESpecularLightingElement.specularExponent</key><key>api.SVGFESpecularLightingElement.surfaceScale</key><key>api.SVGFESpecularLightingElement.width</key><key>api.SVGFESpecularLightingElement.x</key><key>api.SVGFESpecularLightingElement.y</key><key>api.SVGFESpotLightElement</key><key>api.SVGFESpotLightElement.limitingConeAngle</key><key>api.SVGFESpotLightElement.pointsAtX</key><key>api.SVGFESpotLightElement.pointsAtY</key><key>api.SVGFESpotLightElement.pointsAtZ</key><key>api.SVGFESpotLightElement.specularExponent</key><key>api.SVGFESpotLightElement.x</key><key>api.SVGFESpotLightElement.y</key><key>api.SVGFESpotLightElement.z</key><key>api.SVGFETileElement</key><key>api.SVGFETileElement.height</key><key>api.SVGFETileElement.in1</key><key>api.SVGFETileElement.result</key><key>api.SVGFETileElement.width</key><key>api.SVGFETileElement.x</key><key>api.SVGFETileElement.y</key><key>api.SVGFETurbulenceElement</key><key>api.SVGFETurbulenceElement.baseFrequencyX</key><key>api.SVGFETurbulenceElement.baseFrequencyY</key><key>api.SVGFETurbulenceElement.height</key><key>api.SVGFETurbulenceElement.numOctaves</key><key>api.SVGFETurbulenceElement.result</key><key>api.SVGFETurbulenceElement.seed</key><key>api.SVGFETurbulenceElement.stitchTiles</key><key>api.SVGFETurbulenceElement.type</key><key>api.SVGFETurbulenceElement.width</key><key>api.SVGFETurbulenceElement.x</key><key>api.SVGFETurbulenceElement.y</key><key>api.SVGFilterElement</key><key>api.SVGFilterElement.filterUnits</key><key>api.SVGFilterElement.height</key><key>api.SVGFilterElement.href</key><key>api.SVGFilterElement.primitiveUnits</key><key>api.SVGFilterElement.width</key><key>api.SVGFilterElement.x</key><key>api.SVGFilterElement.y</key><key>css.properties.color-interpolation-filters</key><key>css.properties.color-interpolation-filters.auto</key><key>css.properties.color-interpolation-filters.linearRGB</key><key>css.properties.color-interpolation-filters.sRGB</key><key>css.properties.filter.svg_elements</key><key>css.properties.flood-color</key><key>css.properties.flood-color.currentColor</key><key>css.properties.flood-color.transparent</key><key>css.properties.flood-opacity</key><key>css.properties.lighting-color</key><key>css.properties.lighting-color.currentColor</key><key>css.properties.lighting-color.transparent</key><key>svg.elements.feBlend</key><key>svg.elements.feBlend.in</key><key>svg.elements.feBlend.in2</key><key>svg.elements.feBlend.mode</key><key>svg.elements.feColorMatrix</key><key>svg.elements.feColorMatrix.in</key><key>svg.elements.feColorMatrix.type</key><key>svg.elements.feColorMatrix.values</key><key>svg.elements.feComponentTransfer</key><key>svg.elements.feComponentTransfer.in</key><key>svg.elements.feComposite</key><key>svg.elements.feComposite.in</key><key>svg.elements.feComposite.in2</key><key>svg.elements.feComposite.k1</key><key>svg.elements.feComposite.k2</key><key>svg.elements.feComposite.k3</key><key>svg.elements.feComposite.k4</key><key>svg.elements.feComposite.operator</key><key>svg.elements.feComposite.operator.lighter_value</key><key>svg.elements.feConvolveMatrix</key><key>svg.elements.feConvolveMatrix.bias</key><key>svg.elements.feConvolveMatrix.divisor</key><key>svg.elements.feConvolveMatrix.edgeMode</key><key>svg.elements.feConvolveMatrix.in</key><key>svg.elements.feConvolveMatrix.kernelMatrix</key><key>svg.elements.feConvolveMatrix.kernelUnitLength</key><key>svg.elements.feConvolveMatrix.order</key><key>svg.elements.feConvolveMatrix.preserveAlpha</key><key>svg.elements.feConvolveMatrix.targetX</key><key>svg.elements.feConvolveMatrix.targetY</key><key>svg.elements.feDiffuseLighting</key><key>svg.elements.feDiffuseLighting.diffuseConstant</key><key>svg.elements.feDiffuseLighting.in</key><key>svg.elements.feDiffuseLighting.kernelUnitLength</key><key>svg.elements.feDiffuseLighting.surfaceScale</key><key>svg.elements.feDisplacementMap</key><key>svg.elements.feDisplacementMap.in</key><key>svg.elements.feDisplacementMap.in2</key><key>svg.elements.feDisplacementMap.scale</key><key>svg.elements.feDisplacementMap.xChannelSelector</key><key>svg.elements.feDisplacementMap.yChannelSelector</key><key>svg.elements.feDistantLight</key><key>svg.elements.feDistantLight.azimuth</key><key>svg.elements.feDistantLight.elevation</key><key>svg.elements.feDropShadow</key><key>svg.elements.feDropShadow.dx</key><key>svg.elements.feDropShadow.dy</key><key>svg.elements.feDropShadow.in</key><key>svg.elements.feDropShadow.stdDeviation</key><key>svg.elements.feFlood</key><key>svg.elements.feFuncA</key><key>svg.elements.feFuncB</key><key>svg.elements.feFuncG</key><key>svg.elements.feFuncR</key><key>svg.elements.feGaussianBlur</key><key>svg.elements.feGaussianBlur.edgeMode</key><key>svg.elements.feGaussianBlur.in</key><key>svg.elements.feGaussianBlur.stdDeviation</key><key>svg.elements.feImage</key><key>svg.elements.feImage.crossorigin</key><key>svg.elements.feImage.href</key><key>svg.elements.feImage.preserveAspectRatio</key><key>svg.elements.feMerge</key><key>svg.elements.feMergeNode</key><key>svg.elements.feMergeNode.in</key><key>svg.elements.feMorphology</key><key>svg.elements.feMorphology.in</key><key>svg.elements.feMorphology.operator</key><key>svg.elements.feMorphology.radius</key><key>svg.elements.feOffset</key><key>svg.elements.feOffset.dx</key><key>svg.elements.feOffset.dy</key><key>svg.elements.feOffset.in</key><key>svg.elements.fePointLight</key><key>svg.elements.fePointLight.x</key><key>svg.elements.fePointLight.y</key><key>svg.elements.fePointLight.z</key><key>svg.elements.feSpecularLighting</key><key>svg.elements.feSpecularLighting.in</key><key>svg.elements.feSpecularLighting.kernelUnitLength</key><key>svg.elements.feSpecularLighting.specularConstant</key><key>svg.elements.feSpecularLighting.specularExponent</key><key>svg.elements.feSpecularLighting.surfaceScale</key><key>svg.elements.feSpotLight</key><key>svg.elements.feSpotLight.limitingConeAngle</key><key>svg.elements.feSpotLight.pointsAtX</key><key>svg.elements.feSpotLight.pointsAtY</key><key>svg.elements.feSpotLight.pointsAtZ</key><key>svg.elements.feSpotLight.specularExponent</key><key>svg.elements.feSpotLight.x</key><key>svg.elements.feSpotLight.y</key><key>svg.elements.feSpotLight.z</key><key>svg.elements.feTile</key><key>svg.elements.feTile.in</key><key>svg.elements.feTurbulence</key><key>svg.elements.feTurbulence.baseFrequency</key><key>svg.elements.feTurbulence.numOctaves</key><key>svg.elements.feTurbulence.seed</key><key>svg.elements.feTurbulence.stitchTiles</key><key>svg.elements.feTurbulence.type</key><key>svg.elements.filter</key><key>svg.elements.filter.filterUnits</key><key>svg.elements.filter.height</key><key>svg.elements.filter.primitiveUnits</key><key>svg.elements.filter.width</key><key>svg.elements.filter.x</key><key>svg.elements.filter.y</key><key>svg.global_attributes.filter</key><key>svg.global_attributes.flood-color</key><key>svg.global_attributes.flood-opacity</key></compat_features><canonical_url>https://nowyoucanuse.com/features--svg-filters.html</canonical_url></feature>