前の記事 ≪:2010年8月24日 管理人のブックマーク
次の記事 ≫:iGoogle風のUIを比較的簡単に実現できる「iNettuts」

AppleのRetinaディスプレイの説明風エフェクト実装jQueryサンプル。

2010年08月25日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Apple-like Retina Effect With jQuery ? Tutorialzine

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



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



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



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

関連エントリ
関連の記事検索:jQuery, CSS, JavaScript
スポンサード リンク

By.KJ : 2010年08月25日 09:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)