/背景画像をぼかすことができるjQueryプラグインVague.jsの使い方2014.04.16背景画像をぼかすことができるjQueryプラグインVague.jsの使い方webkitを搭載ブラウザ対応のみでよければ、CSS3のfilterを使う方法もあるが、FirefoxやChromeへの対応を考えた場合はこの方法は使えない。blur(10px);そんな時は、FirefoxやChromeでも可能なのがjQueryプラグインのVague.jsがおススメ。※ただしIE10とIE11は現時点では未対応。使い方は簡単body内に置いたIDに背景画像を指定する。下記サンプルでは全面に画像を配置しているので指定が多いが最小限の指定としては、背景画像としてセットしておけばいい。$("#container").Vague({intensity:10});vague.blur();</script>背景画像をセットしたID(container)に対し「ぼかし」を指定するぼかしの強度は「intensity:10」として設定可能。数値が大きくなるほどぼかしが強くなる。上記Javascriptをbody内に記載すれば機能するが、ページを開いたとき、一瞬ぼかしの無い画像が表示されるのを消したい場合もあるだろう。そこで「ぼかし」処理が終わるまで背景画像は表示しないように、指定と処理を追加する。1.4のタブをカスタマイズしてタブらしいデザインにする方法デジタルゲートがお手伝いホームページをリニューアルしたい、スマホ対応にしたい、デザインそのままで機能だけ追加したい、更新だけ代行して欲しい。サイトを運営したいけど誰に相談したらいいか分からない。そんな時はお気軽にお問い合わせください。フリーランスで活動している人のためのマッチングサイトです。無料で自由に登録、ポートフォリオや自己PR・お仕事PRに活用してください。なりたい人と、写真家、モデル募集、被写体を探しているカメラマンのためのマッチングサイトです。無料で自由に登録、写真をアップして自己PRできます。ホームページ制作やリニューアル、ちょっと変わったサイトの企画・制作・運営をしています。