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

标签 css transform scale onmouseover

是否可以在使用 -webkit-transform:scale(4); 时设置元素的 hitbox?

http://jsfiddle.net/bnA7L/

在上面的 jsfiddle 示例中,我有两个 div。当你翻转一个时,你需要将鼠标移动到新边界的边缘,让它恢复到原来的大小。

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

最佳答案

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

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

关于css - 使用 css transform :scale(x); 时设置 hitbox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12778061/

相关文章:

javascript - 标题的自定义工具提示 CSS 问题

html - 如何设置 html 元素两侧的样式?

html - ol li inside 滚动条在 Chrome 和 Firefox 之间有什么不同?

java - 在 Java 中缩放字符串以从内部适合矩形

html - 左浮动 div 的中心容器

css - 是否可以在 sass 中组合转换 mixin?

html - CSS 转换禁用高度百分比

html - CSS 悬停翻转器不工作

java - 将视频缩放至 24x15 分辨率

html - 请帮助我调整页面大小和灵活缩放