鼠标移到到div上，div放大

分类: IT文章 • 2023-12-18 12:34:01

html部分

<div class="el-row-box5-div">
     <div class="img5"></div>
     <span class="span">创建圈子</span>
 </div>

css部分

.el-row-box5-div {
  transition: all 0.3s;
    &:hover {
      cursor:pointer;
      transform: scale(1.1) translateZ(0); // scale 控制缩放大小
   }
}