Brusher

JavaScript

インタラクティブな背景を実装できる「Brusher」

Brusherはインタラクティブな背景を実装できる軽量なJavaScriptライブラリです。背景でマウスカーソルを動かすことで、それに合わせてぼやけた背景がクッキリ見えるようになります。遊び心があり、とてもおもしろいですね。

Brusher

デモ

デモではぼやけた背景が表示されていて、この背景内でマウスカーソルを動かすと、動かした部分がクッキリ表示されます。マウスカーソルをたくさん動かすことで背景がどのようになっているのかが分かってくるので、おもしろい機能ですね。

ちょっとした遊び心をサイト内に取り入れたい人にはピッタリな機能になるのではないでしょうか?

オプションには、image、keepCleared、stroke、lineStyle、autoBlur、autoBlurValueといった項目が用意されています。

また、デモページにはほかにも、Keep Cleared Sections、Without Background Demo、Sticky Blur Demo、Different Line Styleといった違うタイプのデモもあるので、気になる人はぜひチェックしてみてください。

Brusher

関連記事

  1. BIDEO.JS

    JavaScript

    背景動画をフルスクリーンで表示させるJSライブラリ「BIDEO.JS」

    BIDEO.JSは、webページの背景にフルスクリーンで動画を表示させ…

  2. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

  3. jquery.confirmDialog
  4. jQuery fatNav

    JavaScript

    ミニマルテイストなフルスクリーンメニューを実装できる「jQuery fatNav」

    jQuery fatNavはミニマルテイストなフルスクリーンのナビゲー…

最近の記事

  1. RICOH THETA SC2
  2. 簡易アクセス
  3. SOUNDLINK MINI II Special Edition

アーカイブ

PAGE TOP