Javascript放大流程外的图像

Question

我想做的是当我将鼠标悬停在图像上时使图像生长。在CSS中使用:hover这很简单，但我也希望周围的内容不被推送。我也更喜欢图像从中心而不是左上角生长。我可能花费数小时摆弄CSS和大量媒体查询（周围元素的位置随窗口宽度而变化），导致非常混乱但功能性的代码。但是，如果在Javascript或Jquery中有一种简单的方法可以做得更好。有谁知道这样做的好方法？

Answer 1

只需使用transform:scale()：悬停元素即可。 它不会推动周围的内容，它应该从中心扩展（取决于给定元素的位置）。