更改一个元素会影响其他元素jquery css

Question

我在使用jquery和css时正在开发一个小项目。我刚刚在几天前完成了一个教程，如果你能帮我解决这个问题，我将很高兴。

我想制作缩放效果（通过更改高度和宽度），但是当我改变高度时 页面中他下面的所有元素都在向下跳跃（我希望他们不停地跳到他们的位置）。

与宽度相同，当我改变宽度时，同一行中的所有元素都在移动。

.resume-menu .container div:hover{
height:40px;
opacity: 1;
background-color: lightblue;
}


.info .container .personal li:hover {
width:23%;

}

感谢您的帮助:)）

Answer 1

您可以使用CSS3 transforms：

div:hover {
    -webkit-transform: scale(1.2);        
       -moz-transform: scale(1.2);
            transform: scale(1.2);
}

<强> Example here

Answer 2

  

我想制作缩放效果

你可以使用css。

这是一个例子：

div{
   -webkit-transform: scale(.9);
   -moz-transform: scale(.9);
   transform: scale(.9);
   zoom: .9;
}

修改

CSS中的缩放属性允许您缩放内容。它是非标准的，最初仅在Internet Explorer中实现。虽然其他几种浏览器现在支持缩放，但不建议用于生产站点。

see more about this