SVG filter

SVG filter is used to add special effects to SVG graphics.

SVG Filters

In this tutorial we will only show one possible special effect. After the basics are demonstrated and you have learned to use special effects, you should be able to apply them elsewhere. The point here is to give you an idea of ​​how to do SVG, rather than repeating the entire specification.

The available filters for SVG are:

• feBlend - a filter to combine with the image

• feColorMatrix - for Color Filter Transfer

• feComponentTransfer

• feComposite

• feConvolveMatrix

• feDiffuseLighting

• feDisplacementMap

• feFlood

• ##feGaussianBlur

• feImage

• feMerge

##feMorphology
feOffset - Filter Shadow
feSpecularLighting
feTile
feTurbulence
feDistantLight - used for lighting filtering
fePointLight - used for lighting filtering

• ##feSpotLight - used for lighting filtering
Additionally, you can use multiple filters on each SVG element!