mirror of https://github.com/jakiestfu/Blur.js.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Jacob Kelley
12e2beca25
|
10 years ago | |
---|---|---|
README.md | 11 years ago | |
blur.js | 10 years ago | |
demo.html | 12 years ago | |
pencils.jpeg | 12 years ago |
README.md
Blur.js
blur.js is a jQuery plugin that produces psuedo-transparent blurred elements over other elements.
Usage
$('.target').blurjs({
source: 'body',
radius: 7,
overlay: 'rgba(255,255,255,0.4)'
});
Defaults
$('.target').blurjs({
source: 'body', //Background to blur
radius: 5, //Blur Radius
overlay: '', //Overlay Color, follow CSS3's rgba() syntax
offset: { //Pixel offset of background-position
x: 0,
y: 0
},
optClass: '', //Class to add to all affected elements
cache: false, //If set to true, blurred image will be cached and used in the future. If image is in cache already, it will be used.
cacheKeyPrefix: 'blurjs-', //Prefix to the keyname in the localStorage object
draggable: false //Only used if jQuery UI is present. Will change background-position to fixed
});
Licensing
MIT