44181 2010-08-18 09:04:50 -0700 Glass effects: Blurring elements below a given element 2011-09-22 13:16:02 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All All RESOLVED DUPLICATE 68469 P2 Normal --- 0 ben dino dino simon.fraser slightlyoff oldest_to_newest 266141 0 ben 2010-08-18 09:04:50 -0700 RGBA background colors are wonderful for creating a variety of effects, but I often wish I could apply a blur to an element in the stack, fuzzing out the elements below. This would be very similar to the glass effect on Windows Vista, or the "blur background" effect in iTerm on the Mac. I suggest adding a new rule to support this: #someDiv { opacity-blur: <blur radius>; } 387434 1 dino 2011-04-17 15:25:07 -0700 You can theoretically do with with SVG(XML) filters. Get the background image, apply a blur filter, then composite it before the source graphic. I have not examined to see if this actually works in webkit at the moment. 471809 2 dino 2011-09-22 13:16:02 -0700 *** This bug has been marked as a duplicate of bug 68469 ***