可以通过CSS样式来实现。具体的步骤如下:
<div class="parent">
<div class="child"></div>
</div>
.parent {
position: relative;
width: 200px;
height: 200px;
background-color: #f0f0f0;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
background-color: #fff;
transition: box-shadow 0.3s ease;
}
.parent:hover .child {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
解释:
这样,当鼠标悬停在父div上时,子div就会添加阴影效果。
推荐的腾讯云相关产品和产品介绍链接地址:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云