From the course: SVG: Clipping, Masking, and Filters
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Combining multiple filters
From the course: SVG: Clipping, Masking, and Filters
Combining multiple filters
- [Instructor] Applying a single filter primitive to an element can be useful in certain cases, but the true value of SVG filters shows itself when you start stacking multiple filter primitives on top of one another to produce results you would otherwise have to go to a graphic processing application to create. Case in point, this duotone filter you see here in the preview. You'll find this in the multi-filter demo in the exercise files. And we are going to go through this example in detail at the very end of the course when you know exactly what's going on. But I want to give you a preview here to explain how we use multiple filters at the same time. First of all, lemme show you what this image looks like without the filter. So I'll take out this reference to the filter from the image and save the file. Here you see the original image with no filters applied. It has a lotta color and there's a lotta stuff going on. Now I'll re-apply the filter and I'll go into the filter declaration…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.