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. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  2. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  3. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

  4. no-image

    JavaScript

    シンプルでカスタマイズもしやすいタブパネル実装「jquery-tab」

    jquery-tabはシンプルなタブパネルを実装することができるjQu…

  5. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

コメント

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

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

最近の記事

  1. EOS RP
  2. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  3. スターバックス ハシエンダ アルサシア
  4. イングリッシュマフィン

アーカイブ

PAGE TOP