css3鼠标悬停展开

您好！对于实现鼠标悬停展开效果，您可以使用CSS3中的伪类选择器:hover来实现。下面是一个简单的示例代码：

HTML:

<div class="container">
  <div class="box">
    <p>内容1</p>
  </div>
</div>

CSS:

.container {
  width: 200px;
  height: 200px;
  background-color: #ccc;
}

.box {
  width: 100px;
  height: 100px;
  background-color: #f00;
  display: none; /* 初始时隐藏 */
}

.container:hover .box {
  display: block; /* 鼠标悬停时显示 */
}

在上面的示例中，当鼠标悬停在.container元素上时，.box元素会显示出来。您可以根据需求自定义样式和布局。希望能帮到您！如果有任何问题，请随时提问。