純粋なHTML + CSS + JSでのWindows Aero効果

「 jQuery→Impressionive Animation Effects 」という投稿を追求して、実際の実装ではなく、楽しみのために作成された自分のクラフトを見せることにしました。 Windows Aeroのような背景ぼかし効果を作成しようとしました。







例は、写真とともに200 Kbの重さです。 かなりたくさん。



次のステップは、背景に1つの画像を使用し、SVGでぼかします。 何らかの理由でSVGの例はOperaでのみ機能し（コメントで記述されているため、他のブラウザーでも機能します）、プロセッサーを100％読み込みます。



結論：既存のテクノロジーを使用すると、この効果を実現できますが、写真の重量が重くなるか、プロセッサーが完全にロードされます。 実際の実装はまだ遠いですが、誰かがもっとエレガントなソリューションを知っているのでしょうか？