Moving Blurry Background for JavaScript and jQuery



Table of Contents

What is it?

BlurryBackground() is a JavaScript application which can be easily included in any website. It allows programmer to create modern-looking blurry backgrounds without need to load large background images. This means you can save even 90% of bandwith intended for blurry background image. It caches blurred images so that the CPU consumption is reduced.

Also, it provides a really easy mechanism of background animations so you can create modern, distinctive website’s elements in seconds. You can choose from a collection of 8 built-in animating functions like “gust”, “swing”, “raindrop” and more, or you may just use your own function. You can also create a playlist of blurred backgrounds and make them change every few seconds.

BlurryBackground() may be used as a plain JavaScript function or as a jQuery plugin to make it even easier to use it.


  • Easy to use on any page.
  • Lets you to make blurry backgrounds from any image.
  • Spares bandwidth and makes website loads faster as you don’t need large images.
  • You can add fancy, animating images to your background with just one line of code.
  • Open and well commented source – you can fit it to your needs.



Please enter your comment!
Please enter your name here