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. iziModal

    JavaScript

    エレガント・レスポンシブ・フレキシブルでそのうえ軽量なモーダルウィンドウ「iziModal」

    iziModalはエレガント・レスポンシブ・フレキシブルなモーダルウィ…

  2. Create a month picker jQuery plugin
  3. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  4. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  5. simplePagination.js

コメント

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

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

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP