HAIK+CSSでオンマウス画像変形の事例2題です。

過去に公開した「CSSでオンマウス画像変形」の件で、実際のページに応用した事例を紹介します。二例とも画像の上にオンマウスすると画像が拡大しますが、拡大の仕方に若干の違いがあります。右側の例では、画像の枠(600x600px)の範囲内で拡大し、拡大そのものは枠をはみ出していないことに気づくでしょう。


http://fujigokoro.xsrv.jp/lpthree/index.php

画像の説明


実は、CSSの設定の違いがあります。