css - 使用 css transform:scale(x) 时设置 hitbox；

Question

使用时是否可以设置元素的命中框-webkit-transform:scale(4);？

http://jsfiddle.net/bnA7L/

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

我希望它在用户的鼠标移出原始命中框后立即恢复到原始大小。

Answer 1

当您为每个 div 添加 2 个子项时，可以在 CSS 中完成。孩子 1 不缩放并充当碰撞箱。仅当您将鼠标悬停在子 1 上时，子 2 才可缩放。

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

Answer 2

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