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

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

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

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Vague.js

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





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



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

関連エントリ

関連の記事検索:jQuery, jQueryプラグイン, ぼかし, JavaScript
スポンサード リンク

By.KJ : 2013年06月27日 09:02 livedoor Readerで購読 Twitterに投稿

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