“SVG Filters: The Crash Course” by Sara Soueidan—An Event Apart video

When it comes to graphical effects, CSS has come a long way in the last few years, with the introduction of CSS filters and blend modes. However, when compared to effects available in graphics editors such as Photoshop and the likes, CSS is still a long way behind. SVG, on the other hand, comes with a set of filter primitives that enable you to recreate Photoshop-grade effects in the browser, using just a few lines of code.

In this detail-packed talk, captured live at An Event Apart DC 2019, Sara Soueidan gives you a crash course on SVG filters: why they're awesome, how they work, and examples of powerful effects you can create with them. While the syntax and attributes of these filters may seem intimidating and not very friendly at first, once you get a grasp of how they work, you'll have a very powerful tool in your arsenal, that allows you to push the boundaries of what is possible on the Web.

Enjoy all the presentations in An Event Apart’s video library! There are over 60 hours of great talks for you to enjoy and learn from—all absolutely free! For more insightful presentations by the industry’s best and brightest, come to An Event Apart—three days of design, code, and content for web and product designers. And for free regular updates on all things web, design, and developer-y, subscribe to our mailing list.