javascript - 如何在不移动html中周围元素的情况下扩展图像?

标签 javascript jquery html css

在我的 html 代码中,我有一个表格(3 x 3),每个单元格都有一个图像。我想要它,以便当您将鼠标悬停在任何图像上时,它会动画并变大,当您将鼠标移开它时,它会动画回其原始大小。

主要问题是它不能影响其他元素的 x,y 坐标。就像当我尝试增加它的大小时,表格单元格也会扩展并移动其他图像。

我想要它,以便其他所有内容都保持原样,展开的图像只是在它们之上。

有谁知道如何在 css3、jquery、javascript 中做到这一点?

注意:图像应从各个方向均匀展开。

谢谢

最佳答案

您可以使用 CSS 使用 transform: scale(2); 来做到这一点。

关于javascript - 如何在不移动html中周围元素的情况下扩展图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19720604/

相关文章:

javascript - JS 数组未正确访问

php - 在 MYSQL 中搜索具有西类牙口音的圣经网站字符集

javascript - JS 匿名作用域

java - 找不到属性 'entryImages' 的资源标识符

javascript - 如何使用 jquery 使 div 的特定行或边框可调整大小

asp.net - jQuery 更改事件和 IE8 的问题

javascript - Symfony2 assetic 导致 javascript 错误

javascript - jQuery getScript() 与 document.createElement ('script' )

javascript - 为什么当模糊应用到 div 时点击不起作用

javascript - 如何在单击时将新的输入行添加到表中?