Apple-like Retina Effect


Description: Appleにある、拡大鏡スクリプトです。キャプチャでは丸くなっていますが、css3の為、IEでは四角くなります。が、拡大鏡は動作します。
Sample: demo
Tutorial: Apple-like Retina Effect With jQuery
License: 個人商用OKだけど、コードの再配布・直売不可

Note

#retina.chrome{
    cursor:url('img/blank_google_chrome.cur'),default;
}

拡大鏡にはcurファイルを使用しています。

Related snippet :

  • Description: Appleのスライドショーのようなギャラリーを構築するチュートリアルです。デモではcss3と、IE7のハックを用いているので汎用的とは言えませんが、 ...
  • Description: マウスオーバーで可愛いアイコンが降り、離すと裏から戻る、というアニメーションのグローバルメニューです。ユニークでインパクト有ります。 Sa ...
  • Description: カメラのシャッターのようなエフェクトで画像を切り替えるプラグイン。HTML5のcanvasを使っています。凄いですねこれwもちろん、対応ブラウザは限 ...
  • Description: 左のサムネイルにマウスオーバーするとアニメーションエフェクト付きで拡大、クリックすると右の大きな画像が切り替わる、というイメージギャラリーです。 ...
  • Description: エフェクトが可愛いギャラリーです。キャプションにも対応しており、リンクも貼ることが出来ます。IE6、7ではエラーが出てしまいます。 Sam ...
  • Description: テキストを震わせる Sample: Demo Tutorial: Text Blur effect with CSS and ...
  • Description: AJAXを使ったタブメニューです。マークアップがとてもシンプルになります。タブはhtmlを読み込む形のようです。css3を使いますが、表示以外はIE ...