jQuery Plugin To Blur An Element with SVG Fallback - blurme

File Size: 87.1 KB
Views Total: 1081
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Blur An Element with SVG Fallback - blurme

Blurme is a tiny jQuery plugin that implement a cross-browser blur effect on an Html element, with SVG fallback for Firefox.

How to use it:

1. Load the jQuery javascript library and the jQuery blurme plugin in your web page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="lib/blurme.js"></script>

2. Create an element you wish to implement a blur effect.

<img src="1.jpg" class="blur">

3. Call the plugin on this element and set the options for the blur effect.

$('.blur').blurMe({
  radius: 3, // in pixel from 0 to 5
  svgFallback:"blur.svg"
});

This awesome jQuery plugin is developed by netcode. For more Advanced Usages, please check the demo page or visit the official website.