jQuery blur plugins enable you to create blur effects for your background images and html elements for your websites. These jQuery blur plugins are lightweight and easy to use and you can easily integrate them to your web pages with few lines of code. So, without further ado lets check out the jQuery Blur Plugins for creating blur effects for your websites.
Vague.js is an experimental script that allows you to blur any kind of html element. Vague.js checks if the user’s device supports the CSS filters otherwise it can fallback using the SVG filters or the Microsoft css filters.
Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome. Foggy by default uses the “-webkit-filter: blur” CSS attribute. If the browser doesn’t support it, Foggy falls back to a manual blur. It makes several copies of the selected HTML element. It adds transparency to all copies and moves each of them by small amount, thus creating the blur effect.
3. Spoiler Alert
BlurBox is a lightbox which blurs the background. On small screens (<= 480px), a lightbox doesn’t make much sense, so the plugin instead switches to a sheet which slides up from the bottom and just darkens the background (no blur).
9. Crystal Gallery
The Crystal Gallery jQuery plugin provides a customizable, one-of-a-kind gallery look to fit all your image presentation needs. Gallery is fully responsive to the user. Aspects of the gallery change to reflect the browser window size for the best impression on any device. Crystal gallery comes with extensive list of flexibility and customization tools including thumbnail positioning and many other settings give you exactly the look you want.
10. Blurry Menu
A blurry menu for all kind of websites. The blur effect is added dynamically and context sensitive to all displayed web-contents like images, texts and even background-images. This script uses existing scripts like html2canvas and Superfast Blur.