# SVG Image Blur

## Use SVG to fake an image blur

This image blur is not actually blurring the real image here. Instead, we're blurring a copy of the image within SVG, directly on top of the original. This allows us to avoid the trouble of CSS based filters and also lets us do dynamic effects, such as animation.

Why <svg> on top of <img>? It allows to to more easily keep proportions for responsive sizing.

### Control the blur

10