Spotlight v1.1 Example

スポットライトを画像にあてる効果を作れるjQueryプラグイン「Spotlight」
マウスカーソルの位置にスポットライトがあたり、元画像の一部が見える、みたいなUIが実現できます。いざ自分で１からやるとなると苦労しそうですがjQueryプラグインでこんな機能も数行で実現可能です。



元画像は次のように普通の画像を用意するだけです。



あとはスポットライト用の画像を用意します。



ちょっとしたエフェクトとして覚えておくと、キャンペーンサイトなんかで使えそうです。

関連エントリ

• テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」
• Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」
• ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」