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

過日、公開した「CSSでオンマウス画像変形」の件で、実際のページに応用した事例を紹介します。二例とも画像の上にオンマウスすると画像が拡大しますが、拡大の仕方に若干の違いがあります。

左側の例では、画像にオンマウスした場合、若干、元々の大きさをはみ出した拡大となりますが、右側の例では、画像の枠(600x600px)の範囲内で拡大し、拡大そのものは枠をはみ出していないことに気づくでしょう。

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

画像の説明