X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

SVG Filters


SVG Filters

SVG Filters are used to add special effects to SVG graphics.


Browser Support

The numbers in the table specify the first browser version that supports SVG filters.

 
SVG Filters 8.0 10.0 3.0 6.0 9.6


SVG Filter Elements

In the next chapters, we will only demonstrate a touch of the filter effects that are possible - and give you an idea of what can be done with SVG.

The available filter elements in SVG are:

  • <feBlend> - filter for combining images
  • <feColorMatrix> - filter for color transforms
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - filter for drop shadows
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - filter for lighting
  • <fePointLight> - filter for lighting
  • <feSpotLight> - filter for lighting
Note Tip: You can use multiple filters on each SVG element!



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook