前の記事 ≪:2013年6月26日 管理人のブックマーク
次の記事 ≫:AppleやFacebook等、有名サイトのUIをPSD形式でダウンロードできる「Popular ...

要素をPhotoshopの「ぼかし」バリにぼかすことができるjQueryプラグイン「Vague.js」

2013年06月27日-はてなブックマーク

スポンサード リンク

Vague.js

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





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



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

関連エントリ

スポンサード リンク

By.KJ : 2013年06月27日 09:02 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)