Vague.js

JavaScript

要素をぼかすことができるjQueryプラグイン「Vague.js」

要素をぼかすことができるjQueryプラグイン「Vague.js」が面白いのでメモしときます。Firefox10+、Chrome18+、Safari6.0+、IE7+で動作するみたいです。似たようなプラグインでは、以前ご紹介した「SPOILER ALERT!」」などもありますね。

[ads_center]

使い方

SVGフィルタを使ってぼかしています。スクリプトで簡単に「ボカシ」を加えることができるのでとても便利ですね。

var vague = $(yourelement).Vague({
    intensity:3 //ボカシの強度
});
vague.blur();

実際のデモでは、このようにぼかした状態から。

Vague.js

「Toggle Blur」をクリックしてぼかしを解除できます。

Vague.js

ブラウザ上だけで簡単にボカシを使いたい場合にはとても便利なプラグインですね。

DPPにピクチャースタイルをダウンロードして追加するやり方前のページ

色々なエフェクトのタブパネルが実装できるjQueryプラグイン「Tabulous.js」次のページTabulous.js

関連記事

  1. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  2. AnimatedSlideNav

    JavaScript

    動きがオシャレなアニメーションのサイドナビゲーション「AnimatedSideNav」

    AnimatedSideNavは、動きがオシャレなアニメーションによる…

  3. no-image

    JavaScript

    かっこいいニュース・バナースライドショー実装「jQuery News Slider」

    jQuery News Sliderは、かっこいいニュース・バナースラ…

  4. JavaScript

    ショータイムが始まる前のスポットライトのようなjQueryプラグイン「Spotlight」

    Spotlightはショータイムが始まる前のスポットライトのようなアニ…

  5. jQuery Smart Placeholder

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 桜と太陽
  2. ベルボン Mシリーズ
  3. ネック冷却ファン NRF10
  4. Kindle 8GBモデル
  5. プロテクティングクロス PC-E2

アーカイブ

PAGE TOP