Image Blur

JS Image blurring background plugin

get it
#2 Product of the DayApril 02, 2016

Reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
Jonathon Blok@jblok2 · Developer
Nice plugin! Don't forget if you are planning on using this though that you can also use CSS filters, which are likely to be more efficient. Something like this will be a good fallback though, as CSS blurs aren't supported everywhere (http://caniuse.com/#feat=css-fil...)
Devan Koshal@devankoshal · CEO & Product @ Chec
@jblok2 few performance issues using css for background blurs
Maks SurguyMaker@msurguy · Creator of Bootsnipp, UX Dev at NBC News
@jblok2 you are correct, CSS filters are not supported by all browsers but SVG blur has wider support, even back to IE 8,9 and so on. I made this plugin to be used at NBCNews.com/video to save on page size and use existing images on the page by blurring them to act as an ambient background.
Gabriel Wildsmith@meld · A new media company
Now this is actually useful. Avoids me having to open up Photoshop every time!
Csaba Kissi@csaba_kissi · Serial maker
Great Maksim! and tiny... Will try on one of my sites. Thanx!
Maks SurguyMaker@msurguy · Creator of Bootsnipp, UX Dev at NBC News
Soham@lifeis2complex
I was just searching for the blurr effect for my website , yesterday and I found a post in css-tricks https://css-tricks.com/frosting-... .
Francisco Andreasson@mrfransandre · CEO at Gaddr
Very useful! How does this impact performance?
Maks SurguyMaker@msurguy · Creator of Bootsnipp, UX Dev at NBC News
@mrfransandre depends on what you already have on the page! The plugin uses browser's native SVG filters if they are available so it is very performant, especially if you are not animating the blurred element.