Vague.js

要素をPhotoshopの「ぼかし」バリにぼかすことができるjQueryプラグイン「Vague.js」。
次のように通常の要素をSVGフィルタを使ってぼんやり、ぼかすことが出来ます。対応するブラウザは限られますが、ブラウザだけで出来るというのがいいですね
パラメータでぼかし強度を選べたりもします。





実装サンプルコードです。



近い将来、画像編集ソフトで今やってるようなことは殆どブラウザ上で、スクリプトで動的に実現出来るようになるんでしょうね。

関連エントリ

• Flipboard風エフェクトをブラウザ上で実現するためのjQueryプラグイン「flip」
• jQueryでフリップエフェクトを使った良プラグインやサンプル集１０
• エフェクトが色々選べるイメージスライダー実装jQueryプラグイン「Adaptor」
• ターミナルに文字を打ってるアニメーションエフェクトが作れるjQueryプラグイン「Typist」