Login   Register  

Blur effect: Apply the blur effect to HTML page elements

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Arturs Sosins
Name: Arturs Sosins <e-mail contact>
Packages: 46 Browse all classes by Arturs Sosins Browse all classes by
Country: Latvia Latvia - JavaScript jobs in Latvia
Age: 26
All time rank: 1
Week rank: 3 Down1 in Latvia Latvia Equal
Innovation award
Innovation award
Nominee: 3x

Winner: 3x

  Detailed description   Download Download .zip .tar.gz   Install with Composer Install with Composer  
This object can apply the blur effect to HTML page elements.

It takes the identifier of a given page element and starts an animation effect that progressively alters CSS properties of that element that make it appear blurred.

Different CSS properties may be altered depending on the capabilities of the current browser.

The object can also execute an animation that reverts the blur effect of the element.

There are versions of the object either based or not in the jQuery library.

  Classes of Arturs Sosins  >  Blur effect  >  Download Download .zip .tar.gz  >  Support forum Support forum (1)  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: Blur effect
Base name: blur-effect
Description: Apply the blur effect to HTML page elements
Version: 1.0
JavaScript version: 1.0
License: BSD License
All time users: 549 users
All time rank: 25
Week users: 1 user
Week rank: 56 Down
  Groups   Screenshots Screenshots   Video Tutorials  
  Freshmeat project   Rate classes User ratings   Applications   Files Files  

Group folder image Animation Animation effects View top rated classes
Group folder image jQuery Components that extend the jQuery framework View top rated classes

  Files folder image Screenshots  
Example of blured image
File Role Description
Accessible without login Image file blured.jpg Screen Example of blured image

  Tutorial videos and presentations  
Blur effect
Title Description Duration
Video Blur effect Blur effect webcodingeasy.com 00:00:31

  Freshmeat project  
Blur effect
Project record: blur-effect
Popularity score: 17.41
Vitality score: 30.23

  User ratings  
RatingsUtility Consistency Documentation Examples Tests Videos Overall Rank
All time: Good (83.3%) Good (83.3%) - Sufficient (66.7%) - - Not sure (56.7%) 13
Month: There are not enough user ratings to display for this class.

  Applications that use this class  
No application links were specified for this class.
Add link image If you know an application of this package, send a message to the author to add a link here.
  Files folder image Files  
File Role Description
Plain text file blur_effect.js Class Main class source
Plain text file blur_effect.packed.js Class Main class packed
Plain text file blur_effect.jquery.js Class Jquery plugin
Accessible without login Image file captcha.jpeg Data Captcha image
Accessible without login Plain text file captcha_example.html Example An idea for captchas
Accessible without login Plain text file example.html Example Different examples on using object
Accessible without login Plain text file jquery_example.html Example Different examples for jquery
Accessible without login Plain text file simple_example.html Example Simple example blured text
Accessible without login Image file wce.jpg Data Image for examples

Install with Composer Install with Composer - Download Download all files: blur-effect.tar.gz blur-effect.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.