SVG Filters
<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]-->
SVG Filters
❮ Previous
Next ❯
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
Tip: You can use multiple filters on each SVG element!
❮ Previous
Next ❯