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 ❯