ブラー加工とは画像をぼやけさせる加工の事を言うのですが、この加工した画像を使いランディングページを作るアプリが多くあります。ぼやけさせる事により明確にユーザーに見て欲しい文字に焦点を当てられます。 さて、そんなブラー加工ですがPhotoshop等の画像編集ソフトを使わなくてもJS上で加工して表示出来るプラグインがありますので、今回はその「Vague.js」を紹介したいと思います。 Vague.js Vague.js このページ自体にブラーがかかっていますので、そこから実装方法も見れます。 Vague.jsの使い方 Vague.jsのgitHubに行ってファイルをダウンロードして来ましたら次は実装ですね。 こんな感じのソースコードで動きます。 実装ソースコード <!DOCTYPE html> <head> <title>Vague.jsの最小実装コード</title> </head> <bo
![大流行した画像のブラー加工をJSでささっと実装出来る「Vague.js」が面白い。](https://cdn-ak-scissors.b.st-hatena.com/image/square/8983febd4ecabb91a21e5385ca9712733b8106ab/height=288;version=1;width=512/http%3A%2F%2Fprogrammerbox.com%2Fassets%2Fimg%2Fpress%2F2013%2Fsquare_200px%2F2013-08-01_blur_vague_js.jpg)