© Alex Libby  2018
Alex LibbyBeginning SVGhttps://doi.org/10.1007/978-1-4842-3760-1_5

5. Creating Filters

Alex Libby1 
(1)
Rugby, Warwickshire, UK
 

Introduction

Take a look at this Codepen by the front-end developer Sean Free at https://codepen.io/seanfree/full/eBppyE/ . It paints an idyllic picture of a calm, barely shimmering lake, with snow-covered mountains rising in the background and forests in the distance. No signs of other people, no boats, no noise: sounds like the perfect advert for a travel brochure!

I’ll bet that, at first glance, you’d think that this is some sort of animated GIF image, or even a little trickery with video, right? After all, how could we achieve this animated effect…?

Well, what if I said there isn’t a single animated GIF ...

Get Beginning SVG: A Practical Introduction to SVG using Real-World Examples 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.