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

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

関連記事

  1. Bootstrap Show Password
  2. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  3. Simple Sidebar
  4. photowall

    JavaScript

    Google画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「…

    Google画像検索のようなアニメーションを実装することができるjQu…

  5. Intense Images
  6. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

コメント

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

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

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP