ホバー連動でオブジェクトが傾く

• 株式会社ビックカメラhttps://www.biccamera.com/bc/c/bicidea/index.jsp

カードや画像にマウスオーバーした際、カーソルの位置に追従してオブジェクトが奥や手前に少しだけ傾くインタラクションです。要素に物理的な質量や触感を与え、ユーザーの操作に対して実物に触れているかのような繊細なフィードバックを返します。モダンで洗練されたUIや、プロダクトの質感を伝えたいギャラリーサイトに最適です。実装はJSでマウス座標を取得し、その値に基づいてCSSの回転軸を微細に変化させることで心地よい抵抗感を作ります。