Css悬浮效果，和阴影

.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
}