O'Reilly logo

Sams Teach Yourself SVG in 24 Hours by Micah Laaker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Hour 10. Using Filters

Filters are one of the major differentiators between SVG and other Web graphic technologies. Filters allow developers to add effects that were once relegated to the domain of raster images (such as GIFs, JPEGs, and TIFFs). Effects like drop shadows, Gaussian blurs, and noise could only be attempted in vector graphics by attempting to manually create the effects themselves (such as placing a semi-transparent rectangle behind an object to fake a drop shadow), whereas raster programs allowed quick application of effects to objects.

SVG, however, allows you to apply filter effects to your artwork without physically affecting the original artwork. This means that a symbol can be used without effects in one section and with

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required