css hover上浮阴影

要在CSS中实现在hover状态下浮动阴影，你可以使用CSS的伪类选择器:hover来实现。下面是一个简单的示例代码：

.box {
  width: 200px;
  height: 200px;
  background-color: #ccc;
  transition: box-shadow 0.3s ease; /* 添加过渡效果 */
}

.box:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 添加阴影效果 */
}

在上面的代码中，我们通过给.box元素添加box-shadow属性来创建阴影效果。在:hover伪类选择器中，我们为.box元素添加了一个不同的box-shadow属性值，这样当鼠标悬停在.box元素上时，阴影效果就会发生变化。

你可以根据需要调整box-shadow的属性值来改变阴影效果的样式。