On: Blur.js: Produce psuedo-transparent blurred elements over other elements.

[ootachi]

You can do this natively in CSS with Firefox. Unfortunately, WebKit has yet to catch up. (Contrary to popular belief, WebKit is not ahead in everything.)

Instructions: http://css-plus.com/examples/2010/05/how-to-add-a-gaussian-b...

[callmevlad → ootachi]

I'm pretty sure this is not the same thing. The Gaussian filter you linked to blurs the entire element, including it's children. The behavior seems to be similar to CSS opacity, so if you want the children (like the text inside the blur.js demo boxes) to be non-blurry, you have to figure out some way to float them over the blurred element.

[spyder → ootachi]

You can do it in IE since version 5.5 ☺ http://msdn.microsoft.com/en-us/library/ms532979%28v=vs.85%2...

[Yaggo → ootachi]

Webkit nightly supports CSS filters (including blur).

http://html5-demos.appspot.com/static/css/filters/index.html