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
Get Sams Teach Yourself SVG in 24 Hours 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.
