4 ms·
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.) Instr
by ootachi 15y ago
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-blur-effect-to-elements-within-firefox/ http://css-plus.com/examples/2010/05/how-to-add-a-gaussian-b...
- callmevlad 15y agoI'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.
- Yaggo 15y agoWebkit nightly supports CSS filters (including blur). http://html5-demos.appspot.com/static/css/filters/index.html http://html5-demos.appspot.com/static/css/filters/index.html
- spyder 15y agoYou can do it in IE since version 5.5 ☺ http://msdn.microsoft.com/en-us/library/ms532979%28v=vs.85%29.aspx http://msdn.microsoft.com/en-us/library/ms532979%28v=vs.85%2...