Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

How do I get an SVG blur to work and will it work with CSS animations?

I am trying to get a background to blur after 10 seconds. I am using the filter function with prefixes for browser compatibility. However, it is not working. So I have read that I need to use an SVG blur. I simply have no clue how to make this work or if it will even work with CSS animations. I have never used SVG to blur something.

The blocks of code that I have found, I really do not know what to do with them. Do they go in the HTML document? Do I reference them through a separate file? I am really confused and on a deadline. Any help with this would be most appreciated.