JavaScript

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

Spotlightはショータイムが始まる前のスポットライトのようなアニメーションを実装することができるjQueryプラグインです。使いどころは限られるかもしれませんが、今まであまり見た事がない感じのプラグインなのでちょっと新鮮です。

Spotlight

以下は実際のSpotlightのデモになります。

Spotlight

デモ

Animateというボタンをクリックするとスポットライトが動き出します。注目度は確実にアップしそうですね。あとオプションの値も変更できるようになっているので色々と試してみるとおもしろいです。

使い方はこんな感じでとてもシンプルです。

$('#sample').animate('spotlight');

duration、delay、repeat、easingなどといった様々なオプションが用意されています。radiusで円の大きさを変えることも可能です。

サポートされているブラウザはIE10+、Chrome、Firefox、Safari、Operaになります。ライセンスはMITです。

Spotlight

ライブラリと現像モジュールを切り替えるLightroomでライブラリと現像モジュールを素早く切り替えるためのショートカットキー前のページ

MacのEvernoteで複数のノートを指定したノートブックに移動させるやり方次のページ

関連記事

  1. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

  2. no-image

    JavaScript

    いろんなズーム機能を実装できるjQueryプラグイン「xZoom」

    xZoomはいろんなズーム機能を実装することができるカスタマイズ性に優…

  3. no-image

    JavaScript

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

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

  4. Notyf

    JavaScript

    シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」

    Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させる…

  5. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

  6. Bootstrap Carousel Touch Slider with Text Animation

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP