javascript - <div> with gaussian blur under it -


i have portfolio website , need make following:

  1. i need <div> docked @ left part of page behave "frosted glass" (see http://clip2net.com/clip/m30443/1376076885-clip-147kb.png)

  2. for better understaning of want see http://themespectrum.com/scroll-demo : may see left menu sidebar semi-transparent. need make sidebar "frosted glass", such images sliding under blured inside region of sidebar.

blur = gaussian blur

i tried everything: svg filters, webkit stuff, different js, jquery didn't want :( apply blur effect once image or div. need continiously, while 1 scrolling images.

blur.js looking for!

http://blurjs.com/

it works moving divs well, satisfies presupposition!

have @ draggable example

$('.target').blurjs({     draggable: true,     overlay: 'rgba(255,255,255,0.4)' }); 

Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

Function that returns a formatted array in VBA -