css - css transform：scale（x）;を使用するときにヒットボックスを設定します。

Question

使用時に要素のヒットボックスを設定することはでき-webkit-transform:scale(4);ますか？

http://jsfiddle.net/bnA7L/

上記のjsfiddleの例では、2つのdivがあります。1つをロールオーバーするときは、マウスを新しい境界の端に移動して、元のサイズに戻す必要があります。

ユーザーのマウスが元のヒットボックスから移動したらすぐに元のサイズに戻したいです。

Answer 1

divごとに2つの子を追加すると、CSSで実行できます。子1はスケーリングせず、ヒットボックスとして機能します。子2は、子1にカーソルを合わせた場合にのみスケーリングします。

http://jsfiddle.net/willemvb/q7vbD/

Answer 2

変換前にjQueryまたはJavaScriptを使用して座標を確認してからmousemove、DOMでイベントをリッスンする必要があります。