css鼠标悬停一个div一组div横向过渡出现

一个常用的方法是使用CSS的:hover伪类和transition属性，例如：

HTML代码：

<div class="container">
   <div class="box">Box 1</div>
   <div class="box">Box 2</div>
   <div class="box">Box 3</div>
</div>

CSS代码：

.container {
   display: flex;
   justify-content: center;
   align-items: center;
}

.box {
   width: 100px;
   height: 100px;
   background-color: #ccc;
   margin: 10px;
   transition: transform 0.3s ease;
}

.box:hover {
   transform: scale(1.2);
}

这样当鼠标悬停在.box元素上时，它会从原来的大小缩放到1.2倍大小，伴随着0.3秒的过渡效果。