This weekend I hung out with some SVG all-stars and learned how SVG, HTML, and CSS can combine for some badass visual filters applied to content. Clearly it’s the most fun to apply it to <video>, though I could have done it to any HTML. Peep the video:

Demo page: SVG filters on html5 <video> (requires a Firefox nightly)

Blur is certainly the most useful, I’d say. For instance, Mike Matas’s new site could dynamically blur the images instead of manually cutting blurred jpgs.

Leave a comment if you can think of other use cases for filters like these on your HTML content.