Apple-like Retina Effect With jQuery ? Tutorialzine

AppleのRetinaディスプレイの説明風エフェクト実装jQueryサンプル。
Retinaの説明のような虫眼鏡で拡大したようなエフェクトをCSS+jQueryで実装するサンプルです。



次のように、マウスのカーソル位置が拡大されます。



デモページを見てみましょう



既成のプロダクトがあって、ディテールを見せたいような場合に使えるUIになってますね。
アイデア次第で面白いことができるかも。

関連エントリ

• 画像をスムーズに拡大できるjQuery版FancyZoom
• 特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」
• マウス位置を拡大して表示できるjQueryプラグイン「zooma」