css 卡片hover效果

 

 

 .card {
    height: 430px;
    width: 100%;
    background:#ffffff;
    border:1px solid #eaeefb;
    border-radius:5px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    bottom: 0;

 &:hover {
      bottom: 6px;
      box-shadow: 0 6px 18px 0 rgba(232,237,250,0.50);
    }
}

  

posted @ 2023-01-06 16:06  非帆丶  阅读(142)  评论(0编辑  收藏  举报