使用css transform时设置hitbox：scale（x）;

Question

使用-webkit-transform:scale(4);？

时是否可以设置元素的hitbox？

http://jsfiddle.net/bnA7L/

在上面的jsfiddle示例中，我有两个div。翻转一个时，您需要将鼠标移动到新边界的边缘，以使其恢复原始大小。

我想让用户的鼠标移出原始的hitbox后立即返回原始大小。

Answer 1

当您为每个div添加2个子项时，可以在CSS中完成。 子1不会缩放并充当hitbox。 只有当您将鼠标悬停在1岁以上时，儿童才能进行2级缩放。

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

Answer 2

您必须使用jQuery或JavaScript在转换之前检查坐标，然后监听DOM上的mousemove事件。