The Range of SVG Filters

With something as visually exciting and creative as the SVG filters, just listing them seems a shame, but I start this section by doing that. Strictly speaking, this list shows the filter primitives available in SVG:

feBlend 
feColorMatrix 
feComponentTransfer 
feComposite 
feConvolveMatrix 
feDiffuseLighting 
feDisplacementMap 
feFlood 
feGaussianBlur 
feImage 
feMerge 
feMorphology 
feOffset 
feSpecularLighting 
feTile 
feTurbulence

These filter primitives can be used singly or in combination. Used singly, they can sometimes produce useful effects, but when they are used in combination, some unusual and visually arresting effects are possible.

I encourage you to experiment with using the filter primitives singly, applying them ...

Get Designing SVG Web Graphics now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial