CSS代码：
/* 基础样式 */
.div-shadow {
width: 200px;
height: 100px;
background-color: #f0f0f0;
margin: 20px;
transition: box-shadow 0.3s ease; /* 过渡效果 */
}
/* 阴影效果 */
.div-shadow {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* 鼠标移入时的阴影效果 */
.div-shadow:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}HTML代码：
<div class="div-shadow"></div>