Skip to content

If you need to dynamically create a blurred background from an image, then place the same image on top of that background with the right and left sides feathered, then this is the repo for you.

simsketch/blur-bg-fade-edge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

blur-bg-fade-edge

If you need to dynamically create a blurred background from an image, then place the same image on top of that background with the right and left sides feathered, then this is the repo for you.

Note: The blurred background should work cross-browser, going back to IE 9 (because I'm using canvas in lieu of CSS3 properties), but the svg edge-blurring mask will only show up in webkit browsers.

More enhancements to come!

About

If you need to dynamically create a blurred background from an image, then place the same image on top of that background with the right and left sides feathered, then this is the repo for you.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages