.card {
width: 90%;
height: 100%;
margin-top: 30px;
margin-left: 100px;
border: 1.5px solid rgb(233, 230, 230);
border-radius: 5px;
}
.card:hover {
box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15); /* 鼠标悬浮时盒子出现的阴影 */
transform: translate(-5px, -5px); /* 鼠标悬浮时盒子上移10px */
transition: all 0.3s; //设置动画执行的时间为0.6s
}
Css悬浮效果,和阴影
最新推荐文章于 2024-08-04 20:38:28 发布